Mengatur Teks Kiri, Tengah, dan Kanan pada Baris yang Sama di HTML
Dalam HTML, kita dapat mengatur posisi teks dengan menggunakan tag <p>
dan atribut style
. Atribut style
memungkinkan kita untuk mengatur berbagai properti tampilan teks, termasuk penjajaran (alignment). Artikel ini akan membahas cara menjajarkan teks ke kiri, tengah, dan kanan pada baris yang sama.
Menjajarkan Teks Secara Horizontal
Untuk mengatur penjajaran teks secara horizontal, kita dapat menggunakan properti text-align
dalam atribut style
. Berikut adalah contohnya:
Menjajarkan Teks
Menjajarkan Teks
Teks Kiri
Teks Tengah
Teks Kanan
Kode di atas akan menghasilkan tiga paragraf dengan teks yang dijajarkan ke kiri, tengah, dan kanan.
Menjajarkan Teks pada Baris yang Sama
Untuk menjajarkan teks ke kiri, tengah, dan kanan pada baris yang sama, kita perlu menggunakan elemen span
dengan atribut style
yang berbeda. Berikut contohnya:
Menjajarkan Teks
Menjajarkan Teks pada Baris yang Sama
Teks Kiri
Teks Tengah
Teks Kanan
Kode di atas akan menghasilkan satu paragraf dengan tiga bagian teks yang dijajarkan ke kiri, tengah, dan kanan.
Kesimpulan
Dengan menggunakan atribut style
dan properti text-align
, kita dapat mengatur penjajaran teks secara horizontal di HTML. Kita dapat menggunakan elemen span
untuk menjajarkan teks ke kiri, tengah, dan kanan pada baris yang sama. Pengetahuan ini sangat berguna untuk membuat halaman web yang menarik dan mudah dibaca.