Problème d'alignement vertical dans un bloc

VaN
Mammouth du PHP | 1107 Messages

19 mars 2010, 22:40

Bonsoir,

j'essaye d'aligner un texte verticalement, dans un bouton en display:block, mais je n'y arrive pas.

Voici un exemple : http://wir3d.net/tests/boutons.htm

J'ai réussi, lorsqu'il s'agit d'un texte sur une seule ligne, ajoutant un line-height equivalent à la hauteur du bouton, dans la classe .boutons, mais dès que le texte est sur 2 lignes, ça ne va plus du tout.

Un peu d'aide serait la bienvenue.

Mammouth du PHP | 661 Messages

19 mars 2010, 23:03

Code : Tout sélectionner

.boutons .text { display:table-cell; height:48px; vertical-align:middle; }
à vérifier pour certains navigateurs ;)

VaN
Mammouth du PHP | 1107 Messages

20 mars 2010, 01:06

Nickel : ) Merci bcp, je connaissais pas table-cell.