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   !