[解決済み] display:inlineとdisplay:blockの比較 [重複] [重複

質問

以下のCSSの基本的な違いは何でしょうか。

display:inline

とこれを

display:block

これらを別々に要素で使っても、同じ結果になります。

どのように解決するのですか？

表示：ブロック は、段落やヘッダが常にそうであったように、要素がブロックとして表示されることを意味します。ブロックはその上下にいくつかの空白を持ち、（例えば、他の要素に float 宣言を追加することによって）そうでない命令がある場合を除いて、その隣にある HTML 要素を許容しません。

表示: インライン は、要素がインラインで表示され、同じ行の現在のブロックの中にあることを意味します。2つのブロックの間にあるときだけ、要素は「匿名ブロック」を形成し、それはしかし可能な限り小さな幅を持ちます。

表示オプションについてもっと読む : http://www.quirksmode.org/css/display.html