CSS Align

Align

Banyak properti CSS yang bisa kita gunakan untuk mengatur tata letak sebuah element. Contohnya properti margin , padding , text-align , dan lain-lain.

text-align

Properti ini digunakan untuk mengatur letak teks pada sebuah element. Berikut contohnya :

Ini hasilnya :

Nilai dari properti text-align :

1. left
2. right
3. center
4. justify

Ketika kita memberi properti height pada sebuah element, maka teks yang ada pada element tersebut akan terlihat seperti ini :

Untuk membuat teks berada di tengah, gunakan properti padding . Berikut contohnya :

Ini hasilnya :

Posisi kiri dan kanan

Untuk mengatur posisi sebuah element berada di sisi kiri atau kanan, gunakan properti position:absolute , dan untuk posisi kiri, propertinya adalah left:0 , dan untuk posisi kanan right:0 . Berikut contohnya :

Ini hasilnya :

Untuk mengatur posisi kiri dan kanan, bisa juga menggunakan properti float .

Semoga bermanfaat, Terima kasih.