Cara Memusatkan Teks dan Elemen di HTML dengan align="center"
align="center" adalah atribut HTML yang digunakan untuk memusatkan teks dan elemen HTML. Atribut ini dapat digunakan pada tag <p>, <img>, <table>, dan banyak lagi. Atribut ini telah usang dan tidak lagi direkomendasikan untuk digunakan. Sebaiknya gunakan CSS untuk memusatkan elemen. Namun, jika Anda ingin memahami cara kerja align="center", Anda dapat mengikuti panduan ini.
Cara Memusatkan Teks dengan align="center"
Untuk memusatkan teks dengan align="center", Anda perlu menambahkan atribut align="center" ke tag <p> atau tag lain yang mengandung teks. Berikut adalah contohnya:
Teks ini akan dipusatkan.
Cara Memusatkan Gambar dengan align="center"
Untuk memusatkan gambar dengan align="center", Anda perlu menambahkan atribut align="center" ke tag <img>. Berikut adalah contohnya:
Cara Memusatkan Tabel dengan align="center"
Untuk memusatkan tabel dengan align="center", Anda perlu menambahkan atribut align="center" ke tag <table>. Berikut adalah contohnya:
Nama
Umur
John Doe
30
Kapan align="center" Tidak Bekerja
Atribut align="center" mungkin tidak bekerja dengan benar di beberapa browser modern, atau mungkin tidak memberikan hasil yang diinginkan. Sebaiknya gunakan CSS untuk memusatkan elemen.
Menggunakan CSS untuk Memusatkan Elemen
Untuk memusatkan elemen menggunakan CSS, Anda dapat menggunakan properti text-align: center; untuk teks dan margin: 0 auto; untuk elemen block seperti gambar dan tabel. Berikut adalah contohnya:
Teks ini akan dipusatkan dengan CSS.
Nama
Umur
John Doe
30
Kesimpulan
align="center" adalah atribut usang yang masih berfungsi di beberapa browser. Namun, sebaiknya gunakan CSS untuk memusatkan elemen. CSS memberikan lebih banyak fleksibilitas dan kontrol atas penempatan elemen.