Tutoriel code

Centrer un texte

Le 30 janvier 2012, mis à jour le 12 juin 2017

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é

 

Youcef Kébaïli

Consultant en référencement, chef de projet Web et entrepreneur, l'écriture et la pédagogie font aussi partie de mes passions. Avec ce blog, ma mission est d'aider les entrepreneurs, qui ne sont pas spécialistes du web, à réussir leur propre site, et qu'il soit surtout visible !

Commentaires

Laisser un commentaire

Votre commentaire sera révisé par les administrateurs si besoin.