Propriété text-align

La propriété text-align définit l'alignement du texte : à gauche, à droite, au centre, justifié (aligné simultanément à gauche et à droite).

Syntaxe

sélecteur {
	text-align: center | left | right | justify | auto | start | end;
}

Valeurs

Valeur	Description
`center`	Le texte sera aligné au centre.
`left`	Le texte sera aligné à gauche.
`right`	Le texte sera aligné à droite.
`justify`	Le texte sera justifié (aligné simultanément à gauche et à droite).
`auto`	Ne modifie pas l'alignement de l'élément (valeur par défaut).
`start`	Équivaut à `left` si le texte va de gauche à droite, et à `right` lorsque le texte va de droite à gauche (langue arabe, etc.).
`end`	Équivaut à `right` si le texte va de gauche à droite et à `left`, lorsque le texte va de droite à gauche.

Valeur par défaut : auto. Dans la plupart des cas, par défaut, le texte est aligné à gauche (en arabe - à droite). Cependant, il existe des exceptions, par exemple, le texte dans th sera aligné au centre.

Exemple . Valeur left

<p>
	some long text
</p>

p {
	text-align: left;
	width: 400px;
}

Exemple . Valeur right

<p>
	some long text
</p>

p {
	text-align: right;
	width: 400px;
}

Exemple . Valeur center

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-align: center;
}

Exemple . Valeur justify

<p>
	some long text
</p>

p {
	text-align: justify;
	width: 400px;
}