Cara Membuat Tulisan Rata Kanan Kiri Pada HTML

Cara Membuat Tulisan Rata Kanan Kiri Pada HTML

Pada tulisan ini saya akan berbagi tutorial cara membuat tulisan rata kanan kiri pada html. Tulisan rata kanan kiri ini biasanya digunakan supaya tulisan terlihat lebih rapi, tentunya karena tiap akhir baris ujung tulisan kanan dan kiri sama rata. Untuk membuat tulisan rata kanan kiri ada dua cara, yaitu dengan menggunakan atribut pada tag HTML atau dengan menggunakan Kode CSS.

Membuat Tulisan Rata Kanan Kiri Dengan Atribut HTML

Pada HTML sebenarnya untuk membuat tulisan rata kanan dan kiri sangatlah mudah, kita hanya memerlukan sebuah atribut align dengan value justify (align=”justify”) pada tag HTML yang membungkus tulisan yang ingin dibuat rata kanan kiri. Misalnya <p align=”justify”> Ini adalah tulisan rata kanan kiri </p>. Namun supaya terlihat efek rata kanan kiri tulisannya harus panjang, misalnya seperti contoh kode dibawah ini:

Dari contoh kode diatas jika dibuka pada browser maka akan tampil seperti gambar dibawah ini:

Gambar Hasil Contoh Kode Membuat Tulisan Rata Kanan Kiri Dengan Atribut HTML

Pada contoh diatas penggunaan atribut HTML untuk membuat tulisan rata kanan kiri terdapat pada baris nomor 7 yaitu align=”justify”. Sebagai catatan apabila kamu belum mengetahui struktur dasar HTML silakan baca tulisan saya disini.

Membuat Tulisan Rata Kanan Kiri Dengan CSS

Untuk membuat tulisan rata kanan kiri dengan menggunakan CSS caranya juga cukup mudah. Kamu hanya memerlukan sebuah property CSS yang bernama text-align, kemudian property tersebut diisi dengan value justify (text-align:justify). Untuk contoh penggunaannya bisa kita lihat contoh kode dibawah ini:

Pada contoh kode diatas jika dibuka pada browser maka akan tampil sama seperti contoh poin pertama, yaitu gambarnya seperti ini:

Gambar Hasil Contoh Kode Membuat Tulisan Rata Kanan Kiri Pada HTML Dengan CSS

Contoh diatas saya menggunakan CSS secara inline yaitu terdapat pada bari nomor 7, kamu juga bisa menggunakan CSS secara internal atau external. Lebih jelasnya tentang CSS inline, internal, dan external kamu dapat membacanya pada tulisan saya ini.

Demikian untuk penjelasan tutorial cara membuat tulisan rata kanan kiri pada HTML. Apabila kamu memiliki pertanyaan seputar tutorial ini silakan tanyakan melalui kolom komentar dibawah. Dan apabila kamu baru belajar HTML kamu dapat mengunjungi seri belajar HTML yang ada di Cara Kode. Atau apabila kamu baru belajar CSS kamu juga dapat mengunjungi seri belajar CSS yang ada di Cara Kode juga.


Kolom Komentar

Related Post