Cara memusatkan teks di HTML
Untuk memusatkan teks menggunakan HTML, Anda dapat menggunakan
Menggunakan tag
Salah satu cara untuk memusatkan teks adalah dengan mengapitnya di dalam tag
Center this text!
Memasukkan teks ini dalam kode HTML akan menghasilkan hasil sebagai berikut:
Pusatkan teks ini!
Itu
Menggunakan properti style sheet
Anda dapat memusatkan teks dengan CSS dengan menentukan text-align properti elemen yang akan dipusatkan.
Menengahkan beberapa blok teks
Jika Anda hanya memiliki satu atau beberapa blok teks ke tengah, tambahkan atribut style ke tag pembuka elemen dan gunakan properti “text-align”. Pada contoh di bawah ini, kami telah menambahkannya ke tag
.
Center this text!
Perhatikan bahwa nilai properti “text-align” diatur ke “center” untuk menunjukkan bahwa elemen tersebut berada di tengah.
Beberapa blok teks
Jika Anda memiliki banyak blok teks ke tengah, gunakan CSS di dalam tag
di bagian kepala atau di lembar gaya eksternal. Lihat contoh kode di bawah ini untuk cara mengatur semua teks di dalam tag
menjadi di tengah.
Teks di setiap rangkaian tag
berada di tengah halaman. Jika Anda ingin beberapa paragraf berada di tengah, sementara yang lain tidak, Anda dapat membuat kelas gaya, seperti yang terlihat pada kode di bawah ini.
Jika Anda membuat kelas tengah, seperti yang ditunjukkan pada contoh di atas, paragraf dapat dipusatkan menggunakan kode di bawah ini, yang “memanggil” kelas tengah.
Center this text!
Setelah kelas dibuat, itu dapat diterapkan ke tag HTML apa pun. Misalnya, jika Anda ingin tajuk di tengah, Anda dapat menambahkan class = “center” ke tag