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é

 

Vous aimerez aussi...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *