Saat mendesain halaman web, pengembang dapat menambahkan berbagai komponen, termasuk gambar, teks, tabel, dan lainnya. Selain itu, teks dapat diratakan tengah dalam div menggunakan beberapa properti CSS. Metode paling populer untuk memusatkan teks secara horizontal adalah dengan menggunakan “ perataan teks ” atribut. Selain itu, Anda juga dapat menggunakan “ tinggi garis ' Dan ' vertical-align ” atribut untuk menyelaraskan teks secara vertikal.
Posting ini akan menyatakan metode untuk memusatkan teks secara vertikal maupun horizontal di dalam div.:
Bagaimana Memusatkan Teks Secara Horizontal Di Dalam Div?
Untuk memusatkan teks secara horizontal di dalam div, periksa prosedur yang diberikan.
Langkah 1: Buat Wadah div
Awalnya, buat wadah div dengan bantuan “ Sekarang, akses wadah div dengan bantuan “ pengenal ” nama atribut dengan pemilih “ # ” dan terapkan properti CSS berikut: Dapat diamati bahwa kami telah berhasil memusatkan teks rata secara horizontal di dalam div yang dibuat: Untuk memusatkan teks secara vertikal di dalam wadah div, ikuti petunjuk yang diberikan. Langkah 1: Akses Kontainer div Pertama-tama, akses wadah div yang dibuat. Langkah 2: Terapkan properti CSS ke Teks Tengah Secara Vertikal Kemudian, terapkan properti CSS yang tercantum di bawah ini untuk memusatkan teks secara vertikal di div: Keluaran Untuk memusatkan teks secara vertikal dan horizontal di dalam div, pertama, buat wadah div dengan bantuan elemen
< div pengenal = 'sejajarkan konten' >
Linuxhint adalah salah satu situs web terbaik untuk pembuatan konten.
div >
Keluaran
Langkah 2: Akses div Container ke Center Align Text
lebar: 80 % ;
batas: 0 mobil;
padding: 20px;
latar belakang: #c8edf3;
perataan teks: tengah;
warna: rgb ( 49 , limabelas , 240 ) ;
}
Di Sini:
Bagaimana Memusatkan Teks Secara Vertikal Di Dalam Div?
tampilan: tabel-sel;
lebar: 300px;
tinggi: 150px;
padding: 10px;
warna biru;
warna latar belakang: rgb ( 248 , 215 , 166 ) ;
perbatasan: 3px putus-putus #f09d03;
perataan vertikal: tengah;
}
Menurut potongan kode di atas:
Anda telah mempelajari tentang prosedur lengkap untuk memusatkan teks di dalam wadah dengan dua cara, vertikal dan horizontal. Kesimpulan