Saat membuat teks, terkadang kita ingin membuat teks rata tengah atau center align. Teks rata tengah biasanya digunakan pada judul atau teks yang ingin ditekankan. Namun, tidak semua orang tahu bagaimana cara membuat teks rata tengah dengan benar. Nah, pada artikel ini, Kawan Mastah akan diajarkan cara membuat teks rata tengah dengan mudah dan cepat. Yuk simak!
Apa itu Teks Rata Tengah?
Teks rata tengah atau center align adalah tampilan teks yang diletakkan di tengah-tengah halaman atau kotak teks. Penempatan teks pada posisi rata tengah biasanya digunakan untuk memperindah tampilan, menarik perhatian, atau memberikan efek pada teks tersebut.
Kapan Teks Rata Tengah Digunakan?
Teks rata tengah biasanya digunakan pada bagian-bagian tertentu, seperti:
No. |
Bagian |
|---|---|
1. |
Judul halaman |
2. |
Judul artikel |
3. |
Sub judul |
4. |
Quote penting |
5. |
Penghargaan atau sertifikat |
Bagaimana Cara Membuat Teks Rata Tengah?
Untuk membuat teks rata tengah, Kawan Mastah bisa menggunakan dua cara, yaitu:
Cara 1: Menggunakan HTML
Untuk membuat teks rata tengah dengan menggunakan HTML, Kawan Mastah bisa menggunakan tag <center>. Berikut langkah-langkahnya:
Langkah 1: Isi Teks
Isikan teks yang ingin dijadikan rata tengah di antara tag <center> dan </center>. Berikut contohnya:
<center>Ini adalah teks rata tengah.</center>Langkah 2: Tambahkan ke HTML
Tambahkan kode di atas ke dalam HTML pada bagian yang diinginkan. Berikut contohnya:
<!DOCTYPE html><html><head><title>Contoh Teks Rata Tengah</title></head><body><center>Ini adalah teks rata tengah.</center></body></html>Setelah itu, simpan dan lihat hasilnya pada browser.
Cara 2: Menggunakan CSS
Selain menggunakan HTML, Kawan Mastah juga bisa membuat teks rata tengah dengan menggunakan CSS. Berikut langkah-langkahnya:
Langkah 1: Buat Kelas Baru
Buat kelas baru pada CSS dengan menggunakan kode berikut:
.rata-tengah {text-align: center;}Langkah 2: Tambahkan Kelas ke HTML
Tambahkan kelas baru tersebut ke dalam elemen HTML yang ingin dijadikan rata tengah. Berikut contohnya:
<!DOCTYPE html><html><head><title>Contoh Teks Rata Tengah</title><style>.rata-tengah {text-align: center;}</style></head><body><h1 class="rata-tengah">Ini adalah teks rata tengah.</h1></body></html>Setelah itu, simpan dan lihat hasilnya pada browser.
FAQ
1. Apakah semua teks bisa dijadikan rata tengah?
Tidak semua teks bisa dijadikan rata tengah. Biasanya, teks rata tengah digunakan untuk menonjolkan bagian-bagian tertentu seperti judul atau sub judul.
2. Apakah cara kedua menggunakan CSS lebih praktis?
Iya, cara kedua menggunakan CSS lebih praktis dan lebih disarankan karena tidak mengubah struktur HTML.
3. Apakah semua browser mendukung cara membuat teks rata tengah?
Ya, semua browser modern mendukung cara membuat teks rata tengah baik menggunakan HTML maupun CSS.
4. Apakah ada cara lain untuk memperindah tampilan teks?
Iya, selain menggunakan teks rata tengah, Kawan Mastah juga bisa menggunakan teks tebal atau miring, atau menambahkan warna pada teks.
5. Apakah kode HTML dan CSS yang diberikan sudah benar?
Ya, kode HTML dan CSS yang diberikan sudah benar dan bisa langsung dipakai.
Sekian artikel tentang cara membuat teks rata tengah. Semoga artikel ini bermanfaat dan bisa membantu Kawan Mastah dalam membuat teks yang lebih menarik dan indah. Terima kasih telah membaca!