CSSにおけるインラインブロック要素の特徴

画面上に表示される際に、 インラインブロックとなるタグがあります。 インラインブロック要素は、 ブロック要素とインライン要素の特徴を併せ持っています。

あなたが現時点で知っているそのようなタグは img だけでしょう。 しかし、画像だけではこのモデルの特徴の全てを説明できないため、 このような要素の動作を、タグ span の例で見てみましょう。 そのために、プロパティ display に値 inline-block を設定して、 ボックスモデルを変更します。