Attribut TEXT-ALIGN

Rôle

L’attribut text-align définit l’alignement du contenu dans un conteneur.

Version : CSS1

Héritage (inherit) : oui

Propriété Javascript : element.style.textAlign

Testez vous-même cet attribut

Utilisez Codepen.

– Le code CSS

p{
  text-align: center;
}

– Le code HTML

<p>Mon contenu est centré!</p>

Résultat

Le contenu texte est centé dans la paragraphe

Compatibilité

L’attribut text-align est pris en charge par tous les principaux navigateurs

Valeurs

Les différentes valeurs de l’attribut <text-align> sont:

left

Le contenu est aligné à gauche
Syntaxe :
text-align : left

right

Le contenu est aligné à droite
Syntaxe :
text-align : right

center

Le contenu est aligné au centre
Syntaxe :
text-align : left

justify

Le contenu texte est justifié, chaque ligne est à égale largeur
Syntaxe :
text-align : justify

initial

Le contenu texte est défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » l’héritage, par exemple un paragraphe peut rester noir même si pour son élément parent la couleur du texte est défini à rouge.
Syntaxe :
text-align : initial

inherit

Hérite de la même propriété que l’élément parent.
Syntaxe :
text-align : inherit

A voir aussi

color– text-decoration– text-transform– text-indent– line-height– word-spacing– letter-spacing– white-space– vertical-align– direction– content