CSSにおけるインラインブロック要素の高さ

インラインブロック要素に高さが指定されていない場合、 その高さはインライン要素と同様に内容によって形成されます：

html<span>text</span>

cssspan {
  width: 100px;
  border: 1px solid red;
  display: inline-block;
}

Результат: