フロー

ウェブページのフローは、要素が垂直および水平方向に表示される順序を決定します。デフォルトでは、要素はHTMLドキュメントに記述された順番で、上から下へ表示されます。水平方向のフローは通常、左から右へ進みますが、右から左へ読む言語ではフローも右から左へ逆転します。

HTMLのすべての要素は、罫線のある用紙上の単語のように、行上の位置を占める長方形の領域です。主な要素の種類は、ブロックレベル要素とインライン要素の2つです。

例を確認した後、次のようにまとめられます：

ブロックレベル要素：内容のサイズに関係なく、コンテナの幅全体を占有。ブロック要素は縦に積み重なります。

インライン要素：内容に必要な幅だけを占有。同じ行に複数のインライン要素が並びます。一行に収まらない場合は次の行に折り返されます。

要素タイプ

前述の通り、ブラウザのスタイルシート内のすべての要素には、displayプロパティによって表されるタイプがあり、その挙動が決まります。主な要素タイプはブロックレベル要素とインライン要素であり、他にもインラインブロック要素などの追加タイプも存在します。

インライン要素：主にコンテンツの一部を装飾したり強調したりするために使用される要素。例としては、リンク、ボタン、画像などがある。同じ行内に表示され、スペースが足りなくなると次の行に折り返される。

ブロックレベル要素：見出し、段落、リスト、セクション（例：ヘッダー、フッター）など、より大きなコンテンツ構造を定義するために使用される。これらは矩形のブロックとして縦に積み重なって表示される。