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
Un texte centré verticalement
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
Un texte centré horizontalement
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
Un texte centré