【HTML5】ブロックレベル要素とインライン要素の違い

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

元々、HTML4.01では、要素はブロックレベル要素とインライン要素のどちらかに属していました。
HTML5では、この分類はなくなりましたが、要素の並び方はこの考え方を踏襲しています。

ブロックレベル要素

ブロックレベル要素は、改行されて要素が縦に並びます。

See the Pen
bGEXrKV by (@shiakisu)
on CodePen.

インライン要素

インライン要素は、改行されずに要素が横に並びます。

See the Pen
inline-level by (@shiakisu)
on CodePen.