Высота строчно-блочного элемента в CSS

Если у строчно-блочного элемента не задана высота, то его высота сформируется содержимым, подобно строчным элементам:

html<span>text</span>

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

Результат: