Forum d'entraide PHPFrance

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.

Code : Tout sélectionner

.boutons .text {
  display:table-cell;
  height:48px;
  vertical-align:middle;
}

à vérifier pour certains navigateurs

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

Forum d'entraide PHPFrance

Problème d'alignement vertical dans un bloc

Problème d'alignement vertical dans un bloc

Re: Problème d'alignement vertical dans un bloc

Re: Problème d'alignement vertical dans un bloc