Ширина и висина на инлајн елементот во CSS

Ширината и висината на инлајн елементот секогаш се ограничени со неговиот текст. Дури и ако се постават својствата width и height - за инлајн елементот тие нема да дејствуваат:

html<span>text</span>

cssspan {
  width: 100px;
  height: 100px;
  border: 1px solid red;
}

Результат: