Cara Menata Tulisan ( Text - Align ) Di HTML5 Via CSS

Untuk mengatur rata text HTML dengan CSS, kita menggunakan property text-align. Property text-align memiliki 4 nilai yang bisa dipilih, yakni: left, right, center, atau justify. Sesuai dengan namanya, kita menggunakan text-align: left dan text-align: right untuk membuat rata teks kiridan rata teks kanan. Untuk membuat text berada di tengah, kita mengunakan: text-align: center.

Perintah text-align: justify digunakan untuk membuat text rata kiri dan kanan. Namun efek justify ini perlu menjadi catatan. Membuat text rata kiri dan kanan sekaligus akan membuat web browser menambah jarak (spasi) antar kata, terutama untuk kata yang panjang. Hal ini bisa membuat tulisan akan susah dibaca, terutama jika diakses dari smartphone yang memiliki layar kecil. Efek justify lebih cocok jika digunakan untuk media cetak seperti buku atau majalah.

Baca Juga : Cara Mengubah Warna Tampilan Atau Background Pada HTML

Dalam tutorial kali ini saya akan membuat teks HTML sederhana, yang terdiri dari 4 kalimat menggunakan p, h1, h2, h3

See the Pen rZgaJO by Mul Code (@mul_code) on CodePen.

Sekian pembahasan kali ini, Jika kamu ada pertanyaan atau masukan silahkan di tulis pada kolom komentar.

~ Enjoy Coding ! ~