ブロックレベル要素の一覧

ブロックレベル要素とは

ブロックレベル要素は並べると改行する特徴があり、ページのレイアウトを表すことに使用されます。対してインライン要素は並べても改行せず、テキストのレイアウトを表すことに使用されます。ブロックレベル要素をインライン要素の中にネストすることはできません。

サンプル：

<div>リンゴ</div><div>ゴリラ</div><div>ラッパ</div>
<span>パンダ</span><span>ダルマ</span><span>マリモ</span>

※div タグはブロックレベル要素、span タグはインライン要素

実行結果：

リンゴ

ゴリラ

ラッパ

パンダダルママリモ