新・HTML/CSS入門編13: ボックスレイアウトを理解しよう

CSSのdisplayプロパティは、要素がウェブページ上でどのように表示され、他の要素とどのように相互作用するかを決定します。

このプロパティは、要素が占めるスペースの種類や、周囲の要素との関係性を制御するための基本的な手段です。

displayプロパティには、以下のような主要な値があります。
・block: 要素をブロックレベル要素として表示します。
・inline: 要素をインライン要素として表示します。
・inline-block: 要素をインラインレベルのブロックコンテナとして表示します。
・none: 要素をレンダリングせず、ページレイアウトにも影響を与えません。
その他にも、flex, grid, tableなど、レイアウトのための多様な値が存在します。

MDN web docs - display
https://developer.mozilla.org/ja/docs/Web/CSS/display