probleme d'alignement de texte avec les css

bonjour, j'ai un petit soui avec les feuilles de styles

j'aimerai alligner le texte contenu dans un <span>
en bas

j'ai donc mis:

.base{
position: relative;
display: block;
float: left;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
height: 20px;
top: 3px;
vertical-align: text-bottom;
}

<span class="base">Texte</span>

malheureusement, le certical-align n'as pas l'air de faire l'effet désiré

ca dessin un rectangle d'une hauteur de 20px , mais le texte reste alligné en haut au lieu de s'aligner en bas

w3c me donne :
{
vertical-align: bottom
}


En échange, je voudrais bien un .css complet, teintes générales couleur saumon.

bertrouf