Altura del elemento en línea-bloque en CSS

Si un elemento en línea-bloque no tiene una altura especificada, su altura estará determinada por el contenido, similar a los elementos en línea:

html<span>text</span>

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

Результат: