Largura e altura de um elemento inline em CSS

A largura e a altura de um elemento inline são sempre determinadas pelo seu conteúdo de texto. Mesmo se você definir as propriedades width e height - elas não terão efeito em um elemento inline:

html<span>texto</span>

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

Результат: