Proprietà text-align

La proprietà text-align imposta l'allineamento del testo: a sinistra, a destra, al centro, o giustificato (sia a sinistra che a destra contemporaneamente).

Sintassi

selettore {
	text-align: center | left | right | justify | auto | start | end;
}

Valori

Valore	Descrizione
`center`	Il testo sarà allineato al centro.
`left`	Il testo sarà allineato a sinistra.
`right`	Il testo sarà allineato a destra.
`justify`	Il testo sarà giustificato (allineato sia a sinistra che a destra).
`auto`	Non modifica l'allineamento dell'elemento (valore predefinito).
`start`	Equivale a `left` se il testo scorre da sinistra a destra, e a `right`, quando il testo scorre da destra a sinistra (lingua araba, ecc.).
`end`	Equivale a `right` se il testo scorre da sinistra a destra e a `left`, quando il testo scorre da destra a sinistra.

Valore predefinito: auto. Nella maggior parte dei casi, per impostazione predefinita, il testo è allineato a sinistra (in arabo - a destra). Tuttavia, ci sono eccezioni, ad esempio, il testo in th sarà allineato al centro.

Esempio . Valore left

<p>
	some long text
</p>

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

Esempio . Valore right

<p>
	some long text
</p>

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

Esempio . Valore center

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

p {
	text-align: center;
}

Esempio . Valore justify

<p>
	some long text
</p>

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