Vertical align Bottom

Fermé
Bryan - Modifié par Bryan le 31/12/2013 à 11:59
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 1 janv. 2014 à 15:25
Bonjour,

j'essaye d'aligner mes liens <a> en vertical-align: bottom pour mon menu, mais ils restent collés en haut de ce dernier.

Pour plus de compréhension voici le code en live que je vous invite à bidouiller pour effectuer les tests: http://www.codepen.io/anon/pen/CBtyu


Merci

1 réponse

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 31/12/2013 à 13:55
Bonjour

Pour que vertical-alin soit pris en compte c'est très simple

tu dois mettre un line-height dans a{} ici ce serait line-height:45px;

#menu a{
line-height:45px;
float:left;
width: 100px;
border:none;
text-align: left;
vertical-align: bottom;
bottom: 0;
}

sinon pour vertical align il faut mettre la div en dispaly:table-cell; ou display: inline-block mais la tu n'en a pas besoin (déjà fait dans le span

Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
1 janv. 2014 à 15:25
pfff meme pas un merci, un résolu ou une reponse pour dire si ca marche !
0