分かりにくい！CSSブロックレベルとインライン要素のレイアウト違い

2021-10-18

ブロックレベルとは

コンテンツをボックスで表現するという考え方。

• 全体の領域を占領する
• 前後に改行が入る
• 新しい行から始まる

インライン要素とは

• コンテンツの領域のみ占領する
• 幅と高さを指定できない
• 上下のマージンが聞かない