Wysokość elementu inline-block w CSS

Jeśli elementowi inline-block nie jest ustawiona wysokość, to jego wysokość zostanie utworzona przez zawartość, podobnie jak w elementach liniowych:

html<span>text</span>

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

Результат: