Ширина и височина на inline-block елемент в CSS

На inline-block елемент може да се зададе ширина и височина, подобно на блоковите елементи:

html<span>text</span>

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

Результат: