Ширина inline-block елемента у CSS

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

html<span>text</span>

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

Результат: