【わかりやすく解説】インライン要素とブロック要素のちがいは何？【Web制作の初学者必見】

ダメだ、、、CSSが効かない。

なんでやねん！！

というお悩みに対して、ざっくり解説していきます！

ブロックレベル要素（横幅いっぱいに拡がる）

See the Pen
ブロックレベル要素 by 武田　弘貴 (@hiroki_t1)
on CodePen.

並び方	width（幅）とheight（高さ）の指定	margin（余白）の指定
縦に並ぶ	指定できる	左右上下指定できる

インライン要素（自分の大きさまで拡がる）

See the Pen
インライン要素 by 武田　弘貴 (@hiroki_t1)
on CodePen.

並び方	width（幅）とheight（高さ）の指定	margin（余白）の指定
横に並ぶ	指定できない	左右のみ指定できる

最後に

サイトを製作中に沼ると慌てふためくので、悩んだときに参考になれば幸いです。

ちなみにブロック要素とインライン要素は HTML5 では定義されなくなり、代わりにコンテンツカテゴリーが使用されます。

コンテンツカテゴリーについては、またの機会に、それでは！