Właściwość text-align

Właściwość text-align ustawia wyrównanie tekstu: do lewej krawędzi, do prawej, do środka, jednocześnie do lewej i prawej krawędzi.

Składnia

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

Wartości

Wartość	Opis
`center`	Tekst będzie wyrównany do środka.
`left`	Tekst będzie wyrównany do lewej krawędzi.
`right`	Tekst będzie wyrównany do prawej krawędzi.
`justify`	Tekst będzie wyrównany jednocześnie i do prawej krawędzi, i do lewej.
`auto`	Nie zmienia wyrównania elementu (wartość domyślna).
`start`	Równe `left`, jeśli tekst biegnie od lewej do prawej, i `right`, gdy tekst biegnie od prawej do lewej (język arabski itp.).
`end`	Równe `right`, jeśli tekst biegnie od lewej do prawej i `left`, gdy tekst biegnie od prawej do lewej.

Wartość domyślna: auto. W większości przypadków domyślnie tekst jest wyrównany do lewej krawędzi (w języku arabskim - do prawej). Jednakże istnieją wyjątki, na przykład tekst w th będzie wyrównany do środka.

Przykład . Wartość left

<p>
	some long text
</p>

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

Przykład . Wartość right

<p>
	some long text
</p>

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

Przykład . Wartość center

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

p {
	text-align: center;
}

Przykład . Wartość justify

<p>
	some long text
</p>

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