Szerokość i wysokość elementu liniowego w CSS

Szerokość i wysokość elementu liniowego są zawsze ograniczone jego tekstem. Nawet jeśli ustawisz właściwości width i height - dla elementu liniowego nie zadziałają:

html<span>text</span>

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

Результат: