Centrer un texte

Centrer verticalement un texte

CSS

div.center-text-v{
height: 40px; /* Ces deux lignes... */
line-height: 40px; /* ...alignent le texte verticalement*/
}

HTML

<div class="center-text-v">Un texte centré verticalement</div>

Résultat

Centrer horizontalement un texte

CSS

div.center-text-h{
text-align: center; /* Aligne le texte dans un bloc */
}

HTML

<div class="center-text-h">Un texte centré horizontalement</div>

Résultat

Centrer horizontalement et verticalement un texte

CSS

div.center-text-h-v{
text-align: center; /* Aligne le texte horizontalement */
height: 40px; /* Ces deux lignes... */
line-height: 40px; /* ...alignent le texte verticalement*/
}

HTML

<div class="center-text-h-v">Un texte centré</div>

Résultat