6
votes

Comment aligner verticalement des éléments dans la liste horizontalement ul avec des images?

J'ai le code HTML suivant: xxx

et les styles CSS suivants: xxx

Le résultat est le suivant:

capture d'écran

mais j'ai besoin d'aligner les images et les liens de texte par verticalement. Comment puis-je le faire?


2 commentaires

Essayé vertical-align ?


Vous pouvez utiliser une table avec pour chaque lien. Mais ce n'est pas le meilleur moyen.


4 Réponses :


10
votes

comme img code> est en ligne par défaut, il s'aligne verticalement à la ligne de base et vous devez donc utiliser vertical-align: milieu; code> pour votre img Tag

Démo strong> P>

CSS P>

#footer img {
    vertical-align: middle;
}


0 commentaires

-1
votes

juste changer votre CSS

de xxx

à xxx


0 commentaires

0
votes

Vous avez juste besoin de vertical-align: moyen sur #footer li et #footer a + affichage: inline-block < / Code> sur les images: xxx

http://jsfiddle.net/dfsq / 7kssu /


0 commentaires

0
votes

Utilisateur suivant CSS.

li { display:inline-block; vertical-align:middle }


0 commentaires