Alignement vertical avec height et line-height

Le code de la feuille de style :

Dans cet exemple, la valeur de line-height est déclarée dans la propriété raccourcie font.

#box {
	width: 250px;
	height: 24px;
	margin: 0;
	padding: 10px;
	color: fuchsia;
	font: bold 12px/24px verdana;
	border: solid;
}

Le code XHTML :


<div id="box">
	...
</div>

Premier essai avec très peu de contenu :

Test de boite.

Deuxième essai avec davantage de contenu :

Test de boite. Test de boite. Test de boite. Test de boite. Test de boite. Test de boite. Test de boite. Test de boite. Test de boite. Test de boite. Test de boite. Test de boite.