Properti text-align

Properti text-align mengatur perataan teks: ke kiri, ke kanan, ke tengah, ke kiri dan kanan secara bersamaan.

Sintaks

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

Nilai

Nilai	Deskripsi
`center`	Teks akan dirapatkan tengah.
`left`	Teks akan dirapatkan kiri.
`right`	Teks akan dirapatkan kanan.
`justify`	Teks akan dirapatkan kiri dan kanan secara bersamaan.
`auto`	Tidak mengubah perataan elemen (nilai default).
`start`	Sama dengan `left` jika teks mengalir dari kiri ke kanan, dan `right` ketika teks mengalir dari kanan ke kiri (bahasa Arab, dll.).
`end`	Sama dengan `right` jika teks mengalir dari kiri ke kanan dan `left`, ketika teks mengalir dari kanan ke kiri.

Nilai default: auto. Dalam banyak kasus, secara default teks dirapatkan ke kiri (dalam bahasa Arab - ke kanan). Namun, ada pengecualian, misalnya, teks dalam th akan dirapatkan tengah.

Contoh . Nilai left

<p>
	some long text
</p>

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

Contoh . Nilai right

<p>
	some long text
</p>

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

Contoh . Nilai center

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

p {
	text-align: center;
}

Contoh . Nilai justify

<p>
	some long text
</p>

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