De text-align eigenschap

De eigenschap text-align stelt tekstuitlijning in: links uitgelijnd, rechts uitgelijnd, gecentreerd, of uitgelijnd over de volledige breedte (uitgevuld).

Syntaxis

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

Waarden

Waarde	Beschrijving
`center`	De tekst wordt gecentreerd.
`left`	De tekst wordt links uitgelijnd.
`right`	De tekst wordt rechts uitgelijnd.
`justify`	De tekst wordt zowel links als rechts uitgelijnd (uitgevuld).
`auto`	Verandert de uitlijning van het element niet (standaardwaarde).
`start`	Gelijk aan `left` als de tekst van links naar rechts loopt, en `right`, wanneer de tekst van rechts naar links loopt (bijvoorbeeld Arabisch).
`end`	Gelijk aan `right` als de tekst van links naar rechts loopt en `left`, wanneer de tekst van rechts naar links loopt.

Standaardwaarde: auto. In de meeste gevallen is tekst standaard links uitgelijnd (in het Arabisch - rechts uitgelijnd). Er zijn echter uitzonderingen, bijvoorbeeld tekst in een th zal gecentreerd zijn.

Voorbeeld . Waarde left

<p>
	some long text
</p>

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

Voorbeeld . Waarde right

<p>
	some long text
</p>

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

Voorbeeld . Waarde center

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

p {
	text-align: center;
}

Voorbeeld . Waarde justify

<p>
	some long text
</p>

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