Proprietatea text-align

Proprietatea text-align stabilește alinierea textului: la stânga, la dreapta, pe centru, simultan la stânga și la dreapta.

Sintaxă

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

Valori

Valoare	Descriere
`center`	Textul va fi aliniat pe centru.
`left`	Textul va fi aliniat la stânga.
`right`	Textul va fi aliniat la dreapta.
`justify`	Textul va fi aliniat simultan atât la stânga, cât și la dreapta.
`auto`	Nu modifică alinierea elementului (valoarea implicită).
`start`	Egal cu `left`, dacă textul curge de la stânga la dreapta, și `right`, când textul curge de la dreapta la stânga (limba arabă etc.).
`end`	Egal cu `right`, dacă textul curge de la stânga la dreapta și `left`, când textul curge de la dreapta la stânga.

Valoarea implicită: auto. În majoritatea cazurilor, implicit textul este aliniat la stânga (în limba arabă - la dreapta). Cu toate acestea, există excepții, de exemplu, textul din th va fi aliniat pe centru.

Exemplu . Valoarea left

<p>
	some long text
</p>

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

Exemplu . Valoarea right

<p>
	some long text
</p>

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

Exemplu . Valoarea center

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

p {
	text-align: center;
}

Exemplu . Valoarea justify

<p>
	some long text
</p>

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