Align Text Left Center Right Same Line Html

3 min read Jun 28, 2024
Align Text Left Center Right Same Line Html

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.

Latest Posts