- Menggunakan tag.
- Menggunakan gaya helaian gaya.
Salah satu cara untuk memusatkan teks adalah untuk melampirkannya dalam tag. Kotak berikut mempunyai contoh.
Pusat teks ini!
Memasukkan teks ini dalam kod HTML akan menghasilkan hasil berikut:
Pusat teks ini!
Nota: Yang tag sekarang dianggap tidak lama. Walaupun ia masih berfungsi, ia dijangkakan akan dihapuskan memihak menggunakan CSS. Kami mengesyorkan anda menggunakan kaedah helaian gaya (ditunjukkan di bawah) untuk memusatkan teks dalam HTML.
Menggunakan gaya helaian gaya
Anda boleh memusatkan teks dengan CSS dengan menyatakan sifat teks-align elemen untuk dipusatkan.
Memusatkan beberapa blok teks
Sekiranya anda hanya mempunyai satu atau beberapa blok teks yang anda perlukan, anda boleh melakukannya dengan menambahkan atribut gaya pada tag pembuka elemen dan memilih "jajaran teks." Dalam contoh di bawah, kami telah menambahkannya kepada
tag:
Pusat teks ini!
Perhatikan bahawa nilai harta "jajaran teks" telah ditetapkan kepada "pusat" yang menunjukkan bahawa elemen itu akan terpusat.
Berbilang blok teks
Jika anda mempunyai banyak teks yang anda ingin pusatkan, anda boleh menggunakan CSS di dalam tag di bahagian kepala halaman atau dalam helaian gaya luaran. Lihat contoh kod di bawah untuk cara menetapkan semua teks di dalamnya
p {text-align: center}
Teks akan berpusat dalam setiap set tag pada halaman. Sekiranya anda ingin beberapa perenggan berpusat sementara yang lain tidak, anda boleh membuat kelas gaya seperti yang dilihat dalam kod di bawah.
.center {text-align: center}
Jika anda mencipta kelas pusat, seperti yang ditunjukkan dalam contoh di atas, perenggan boleh dipusatkan menggunakan kod di bawah, yang "memanggil" kelas pusat:
Pusat teks ini!
Petua: Sekali kelas dibuat, ia boleh digunakan pada sebarang tag HTML. Sebagai contoh, jika anda mahu tajuk dipusatkan, anda boleh menambah kelas = "pusat" kepada