Înălțimea elementului inline-block în CSS

Dacă unui element inline-block nu i se stabilește înălțimea, atunci înălțimea sa se va forma din conținut, similar elementelor inline:

html<span>text</span>

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

Результат: