JSFiddle - React, Tailwind, and code Playground

HTML

<form>
 <label for="nom-de-famille">Nom de famille (lié à mon champ) :
 </label>
  <input id="nom-de-famille" type="text"/>

 <label>Prénom (non-lié à mon champ) :
 </label>
   <input id="toto" type="text"/>

<div>
 <input id="coche" type="checkbox">
 <label for="coche">Je suis un texte très long mais néanmoins il est facile d'intéragir avec ma case à cocher car je suis lié à elle</label>

</div>
<div>
 <input id="coche-2" type="checkbox">
 <label>Je suis un texte très long mais mais votre clic devrait être précis pour accepter</label>

</div>
</form>

CSS

form {
  display: flex;
  flex-direction: column;
}

form > input, form > div {
  margin-bottom: 10px;
}