Cocher et étiqueter sur la même ligne

1. Comment mettre une case à cocher et un étiquette sur la même ligne?
2. Comment aligner une zone de texte et étiqueter sur la même ligne?
3. Devrait que la boîte à cocher soit avant ou après l'étiquette?

Comment mettre une case à cocher et un étiquette sur la même ligne?

Méthode 1: En rendant la position de la case à cocher relative, définissez l'aligne verticale sur le milieu peut aligner les cases et leurs étiquettes. Ici, nous avons fait la position de la case à cocher par rapport à l'étiquette. Les cases à cocher sont donc alignées selon l'étiquette.

Comment aligner une zone de texte et étiqueter sur la même ligne?

Utilisation d'attributs de flotteur et de débordement: faites une étiquette et style avec l'attribut float. Définissez maintenant le flotteur d'étiquette (position) à gauche ou à droite en fonction de votre exigence. Cela alignera votre étiquette en conséquence. La propriété de débordement pour la saisie est utilisée ici pour couper la partie de débordement et afficher le reste.

Devrait que la boîte à cocher soit avant ou après l'étiquette?

Les sites d'accessibilité recommandent que les étiquettes viennent après la case à cocher et utilisent un attribut "pour". Les kits d'outils fournissent généralement un widget qui oblige la case à cocher à droite de l'étiquette, il n'y a donc pas de directive à écrire.