BFE.devでのAI解答例 - フロントエンド面接質問
10. `block` と `inline`の違いは?

blockとinlineは、CSSで使用される二つのディスプレイ（表示）タイプです。 blockは通常、HTMLの要素（例：<div>、<h1>、<p>など）の既定のディスプレイタイプであり、横幅いっぱいを占有し、自動的に改行されます。これに対して、inlineは、横幅を必要なだけ占有し、自動的に改行されません。例えば、<span>などの要素があります。

また、要素のディスプレイタイプは、その親要素の displayプロパティなど、階層上の要因に影響されます。さらに、浮動やポジショニングなどのCSSプロパティも、要素のレイアウトに影響するため、これらの知識を組み合わせることで、HTMLページのレイアウト設計を制御できます。