Rivielementin leveys ja korkeus CSS:ssä

Rivielementin leveys ja korkeus ovat aina rajoittuneet sen tekstiin. Vaikka asettaisit ominaisuudet width ja height - ne eivät toimi rivielementille:

html<span>text</span>

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

Результат: