Höjden på ett inline-block-element i CSS

Om ett inline-block-element inte har en satt höjd, kommer dess höjd att formas av innehållet, likt inline-element:

html<span>text</span>

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

Результат: