ブロックレベル要素とインライン要素 - Web標準普及プロジェクト

ブロックレベル要素 ブロックレベル要素とは昔風の解説で言うなら、改行を伴う要素です。 上記の例では青いボーダーの要素です。 HTML4.01 Strictでは次の要素がこれにあたります。 p div table dl ul ol form address blockquote h1 h2 h3 h4 h5 h6 fieldset hr pre ブロックレベル要素の特徴は、親要素の内容幅全体に広がって配置されます(上記の例では黒い二重のボーダーが親要素のボーダーです)。 つまり、ブロックレベル要素の横に他の要素は(通常フローなら)並べることができません。 このような特徴からボーダーが(見えて)ない時の様子から「改行を伴う」と言われています。 CSS2ではブロックレベル要素は矩形(四角形)で表現されると考えると簡単に理解できるかと思います。 インライン要素 ブロックレベル要素に対し、文中の一部

[macha1990]

ブロックレベル・インラインいろいろ

[astap]

今日詰まったこと。

[saya7se]

Now：ブロックレベル要素とインライン要素 - Web標準普及プロジェクト

[Grune_Jade]

ブロックレベル要素とインライン要素

[akisutesama]

ブロックとインラインの違いが非常によく分かります。あとfloatとかposition指定したときは「なんかブロックでもインラインでもないよく分からない状態←要するに分かってない」になるのでそこに注意したい。

[asum]

　borderやpaddingの適用され方の違いをcheck

[lasa0303]

]

[kurobuchi]

ブロックとインライン要素をわかりやすく解説．

[amegan]

CSSのmargin,paddingの振舞い一覧。 BlockとInlineで異なることに注意