Kotak centang dan label di baris yang sama

1. Bagaimana cara meletakkan kotak centang dan label di baris yang sama?
2. Bagaimana Anda menyelaraskan kotak teks dan label pada baris yang sama?
3. Kotak centang harus sebelum atau sesudah label?

Bagaimana cara meletakkan kotak centang dan label di baris yang sama?

Metode 1: Dengan membuat posisi kotak centang relatif, atur secara vertikal ke tengah dapat menyelaraskan kotak centang dan labelnya. Di sini, kami telah membuat posisi kotak centang relatif terhadap label. Jadi kotak centang disejajarkan sesuai dengan label.

Bagaimana Anda menyelaraskan kotak teks dan label pada baris yang sama?

Menggunakan atribut float and overflow: buat label dan gaya dengan atribut float. Sekarang atur label float (posisi) kiri atau kanan sesuai dengan kebutuhan Anda. Ini akan menyelaraskan label Anda yang sesuai. Properti overflow untuk input digunakan di sini untuk memotong bagian overflow dan menunjukkan sisanya.

Kotak centang harus sebelum atau sesudah label?

Situs aksesibilitas merekomendasikan label datang setelah kotak centang, dan gunakan atribut "untuk". Toolkit biasanya menyediakan widget yang memaksa kotak centang berada di sebelah kanan label, jadi tidak ada pedoman untuk ditulis.