Perataan Teks CSS

Penjajaran teks

text-align Atribut digunakan untuk menata penjajaran horizontal teks.

Teks dapat dijajaran kiri, kanan, atau tengah.

Contoh di bawah ini menunjukkan penjajaran tengah serta penjajaran kiri dan kanan teks (jika arah teks adalah dari kiri ke kanan, defaultnya adalah penjajaran kiri; jika arah teks adalah dari kanan ke kiri, defaultnya adalah penjajaran kanan):

Contoh

h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}

Coba Sendiri

Ketika text-align Setelan atribut "justify" akan megepokan setiap baris, untuk membuat setiap baris memiliki lebar yang sama, dan margin kiri dan kanan lurus (seperti di majalah dan koran):

Contoh

div {
  text-align: justify;
}

Coba Sendiri

Arah Teks

direction dan unicode-bidi Properti ini dapat digunakan untuk mengubah arah teks elemen:

Contoh

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

Coba Sendiri

Penarikan Vertikal

vertical-align Atur cara penarikan vertikal elemen.

Contoh ini menunjukkan bagaimana mengatur cara penarikan gambar di teks:

Contoh

img.top {
  vertical-align: top;
}
img.middle {
  vertical-align: middle;
}
img.bottom {
  vertical-align: bottom;
}

Coba Sendiri