Centrer un texte

Partagez si vous aimez ->

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é

 

Partagez si vous aimez ->

Youcef

Concepteur de Sites Web et entrepreneur, l'écriture et la pédagogie font aussi partie de mes passions. Mon objectif est de vous aider à trouver la solution idéale pour créer votre propre Site Internet.

Vous aimerez aussi...

Laisser un commentaire

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

Simple Share Buttons