Висина на инлајн-блок елементот во CSS

Ако на инлајн-блок елементот не му е зададена висина, тогаш неговата висина ќе се формира од содржината, слично како кај инлајн елементите:

html<span>text</span>
cssspan {
  width: 100px;
  border: 1px solid red;
  display: inline-block;
}

Результат: