Ancho y alto de un elemento en línea en CSS

El ancho y el alto de un elemento en línea siempre están limitados por su texto. Incluso si se establecen las propiedades width y height - para un elemento en línea no tendrán efecto:

html<span>text</span>

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

Результат: