Trik membuat checkbox sejajar dengan teks

Halo teman-teman DumetSchool dimanapun kalian berada!

Beberapa hari yang lalu ada beberapa murid webmaster DumetSchool Kelapa Gading bertanya kepada saya tentang cara membuat checkbox menjadi rata dengan teks. Sebelumnya saya tidak pernah memperhatikan hal ini namun jika dilihat secara seksama maka checkbox yang kita buat secara default tidak rata dengan teks. Rata dalam hal ini kurang enak dipandang secara layout.

Sebenarnya ada trik agar checkbox mau bersanding sejajar dengan teks labelnya. Caranya dengan kita memberikan style tambahan di CSS. Bisa secara langsung ataupun dengan membuat class tersendiri. Semua disesuaikan dengan selera masing-masing. Pada intinya kita dapat menggunakan property vertical-align dan margin-top agar checkbox mau sejajar dengan teks labelnya.

Tidak usah panjang lebar langsung saja kita demo. Demo kode HTML CSS tentunya ya

Semoga bermanfaat ya teman-teman! Semangat cool  !

25 April 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat