下は span タグのサンプルですが、a タグ, b タグ, i タグ, strong 
タグなどでも同じです。

・インライン要素
  display: inline; の要素。

・インライン要素では
1) 大きさは指定できません。
  width, height は設定しても反映されません。
2) background や border は反映されます。
3) padding は反映されます。
4) margin は左右は反映されますが、上下は反映されません。

width, height を設定できません

span はインライン要素なので、width, height を設定しても反映
されません。

background は反映されます

span タグに背景色を付けたサンプル。

(参考) br で改行した場合

テキスト部分にだけ背景色が付きます。
改行以降や行間には背景色が付きません。

border は反映されます

span タグに枠線 (border) をつけたサンプル。

(参考) br で改行した場合

インライン要素に border をつけると、複数行になったときに
ブロック要素 (div タグなど) とは異なる表示になります。

padding は反映されます

・padding (内側の余白) は反映されますが、上下の padding は
　注意が必要です。
  padding に大きなサイズを指定すると border や background が
　隣の行と重なります。

左右だけ padding

上下にも padding

(注意事項) インライン要素の上下にも padding を入れると次の
行と重なり、変なことになる場合があります。 テキストのコピー
でテキストをマウスで選択しようとすると、隣の行にひっかかって
うまく選択できなくなることがあります。

margin は左右だけ反映されます

インライン要素では左右の margin は確保されますが、上下の margin
は確保されません。
ブロック要素 (div タグなど) では上下の margin も確保されます。

左右の margin は反映されます

上下の margin は反映されません

(2014/02-2024/03)