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é

 

Share on FacebookTweet about this on TwitterShare on LinkedInShare on Google+

Youcef

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 !

Vous aimerez aussi...

Laisser un commentaire

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