text-align-ominaisuus

Ominaisuus text-align asettaa tekstin tasauksen: vasempaan reunaan, oikeaan reunaan, keskelle, sekä vasempaan ja oikeaan reunaan samanaikaisesti.

Syntaksi

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

Arvot

Arvo	Kuvaus
`center`	Teksti tasataan keskelle.
`left`	Teksti tasataan vasempaan reunaan.
`right`	Teksti tasataan oikeaan reunaan.
`justify`	Teksti tasataan sekä vasempaan että oikeaan reunaan.
`auto`	Ei muuta elementin tasausta (oletusarvo).
`start`	Yhtä kuin `left`, jos teksti kulkee vasemmalta oikealle, ja `right`, kun teksti kulkee oikealta vasemmalle (kuten arabian kieli).
`end`	Yhtä kuin `right`, jos teksti kulkee vasemmalta oikealle, ja `left`, kun teksti kulkee oikealta vasemmalle.

Oletusarvo: auto. Useimmissa tapauksissa oletusarvoisesti teksti on tasattu vasempaan reunaan (arabian kielessä - oikeaan reunaan). Kuitenkin on poikkeuksia, esimerkiksi teksti elementissä th tasataan keskelle.

Esimerkki . Arvo left

<p>
	some long text
</p>

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

Esimerkki . Arvo right

<p>
	some long text
</p>

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

Esimerkki . Arvo center

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

p {
	text-align: center;
}

Esimerkki . Arvo justify

<p>
	some long text
</p>

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