Centrer un texte

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é

centrer texte, centrer texte css, CSS, débutant

A propos de MarieEve Louvel

Depuis 3 ans, je partage mes connaissances sur ce blog, pour les entrepreneurs désireux de créer leur site vitrine et/ou leur blog professionnel avec WordPress. Mon expérience professionnelle va de l'accompagnement à la formation, en passant par de la création de site ou de logiciel. Retrouvez mes cours en ligne sur mon site FeelWeb Formation [http://feelwebformation.com]

Soumettre un commentaire

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

This Blog will give regular Commentators DoFollow Status. Implemented from IT Blögg

EmailEmail
PrintPrint