Ciri text-align

Ciri text-align menetapkan penjajaran teks: ke tepi kiri, ke tepi kanan, ke tengah, ke tepi kiri dan kanan secara serentak.

Sintaks

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

Nilai

Nilai	Keterangan
`center`	Teks akan dijajarkan ke tengah.
`left`	Teks akan dijajarkan ke tepi kiri.
`right`	Teks akan dijajarkan ke tepi kanan.
`justify`	Teks akan dijajarkan secara serentak ke tepi kanan dan kiri.
`auto`	Tidak mengubah penjajaran elemen (nilai lalai).
`start`	Sama dengan `left` jika teks mengalir dari kiri ke kanan, dan `right` apabila teks mengalir dari kanan ke kiri (bahasa Arab dan sebagainya).
`end`	Sama dengan `right` jika teks mengalir dari kiri ke kanan dan `left`, apabila teks mengalir dari kanan ke kiri.

Nilai lalai: auto. Dalam kebanyakan kes, secara lalai teks dijajarkan ke tepi kiri (dalam bahasa Arab - ke tepi kanan). Walau bagaimanapun, terdapat pengecualian, contohnya teks dalam th akan dijajarkan ke 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;
}