Höhe eines Inline-Block-Elements in CSS

Wenn für ein Inline-Block-Element keine Höhe festgelegt ist, dann bildet sich seine Höhe aus dem Inhalt, ähnlich wie bei Inline-Elementen:

html<span>text</span>

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

Результат: