Centrer verticalement du texte dans une div

Puisque apparemment vertical-align n'est pas fait pour ça, on peut utiliser line-height pour centrer verticalement du texte dans une div qui a une hauteur fixe.

<style>
.textaligne {
width:300px;
height:50px;
font-size:12px;
line-height:50px;
border:1px solid #000; }
</style>
<div class="textaligne">Le texte</div>

Exemple :

Le texte

2 Commentaires »

  1. Aurélien

    03-05-2007 16:05

    Utile oui, mais pour les textes ne comprenant q’une seule ligne!

    On ne peut pas (à ma connaissance, centrer une liste à puce de la même manière)

    Exemple :
    Remplacez “Le texte” par “aaabbb”

  2. jipegz

    03-08-2007 12:08

    Je trouve par contre domage que vis-à-vis d’un texte dont la taille a été agrandie par l’utilisateur (du point de vue de l’accessibilité visuelle, par exemple), ce même texte ne reste pas centré dans la boîte mais se voit être décalé vers le bas.

Comment RSS · TrackBack URI

Laisser un commentaire

Name: (Required)

E-mail: (Required)

Website:

Comment: