- Menggunakan tag.
- Menggunakan properti style sheet.
Salah satu cara untuk memusatkan teks adalah dengan melampirkannya di dalam tag. Kotak berikut memiliki contoh.
Tengahkan teks ini!
Memasukkan teks ini ke dalam kode HTML akan menghasilkan hasil berikut:
Tengahkan teks ini!
Catatan: The tag sekarang dianggap sudah usang. Meskipun masih bisa berfungsi, diharapkan dihapus agar tidak menggunakan CSS. Kami sarankan Anda menggunakan metode style sheet (ditampilkan di bawah) untuk memusatkan teks dalam HTML.
Menggunakan properti style sheet
Anda dapat memusatkan teks dengan CSS dengan menentukan properti pelurusan teks dari elemen yang akan ditengahkan.
Memusatkan beberapa blok teks
Jika Anda hanya memiliki satu atau beberapa blok teks yang perlu Anda tuju, Anda dapat melakukannya dengan menambahkan atribut style ke tag pembuka elemen dan memilih properti "text-align." Pada contoh di bawah, kami telah menambahkannya ke
menandai:
Tengahkan teks ini!
Perhatikan bahwa nilai properti "text-align" disetel ke "center" yang menunjukkan bahwa elemen tersebut harus di tengah.
Beberapa blok teks
Jika Anda memiliki banyak blok teks yang ingin Anda tuju, Anda dapat menggunakan tag di dalam CSS di bagian kepala halaman atau dalam style sheet eksternal. Lihat contoh kode di bawah ini untuk cara mengatur semua teks di dalam
p {text-align: center} Teks akan dipusatkan di dalam setiap set tag pada halaman. Jika Anda ingin beberapa paragraf dipusatkan sementara yang lain tidak, Anda bisa membuat kelas gaya seperti terlihat pada kode di bawah ini.
.center {text-align: center} Jika Anda membuat kelas tengah, seperti yang ditunjukkan pada contoh di atas, paragraf dapat dipusatkan menggunakan kode di bawah ini, yang "memanggil" kelas pusat:
Tengahkan teks ini!
Kiat: Setelah kelas dibuat, kelas dapat diterapkan ke tag HTML apa pun. Misalnya, jika Anda ingin judulnya dipusatkan, Anda bisa menambahkan class = "center" ke