displayプロパティ：Block、Inline、Inline-block

HTML要素は、ブロック、インライン、インラインブロックのいずれかとして異なる動作をします。これらの表示タイプは、レイアウトや間隔、使用できるCSSプロパティに影響します。

ブロック要素

• 新しい行から開始;
• コンテナの全幅を占有;
• width、height、margin、padding、borderをサポート。

一般的な例: <div>, <p>, <ul>, <li>, <h1>–<h6>。

インライン要素

• 同じ行に表示される;
• コンテンツに必要な最小限のスペースのみを占有;
• 幅や高さを指定できない（ただし、ボーダーは適用可能）。

主な例：<a>, <span>, <img>, <input>。

インラインブロック要素

• テキストのようにインラインで表示;
• ブロック要素のように幅、高さ、マージン、パディング、ボーダーを指定可能。

例：<button>, <select>, <textarea>。

横並びに配置しつつ、スタイルを細かく制御したい場合に便利。

主な違い