Bredd på inline-block-element i CSS

Om ett inline-block-element inte har en bredd inställd, kommer dess bredd att bestämmas av innehållet, precis som hos inline-element:

html<span>text</span>

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

Результат: