JSFiddle - React, Tailwind, and code Playground

HTML

<div class="layout">

<div>
<h2>
 Formulaire avec auto-complete
</h2>
<form>
 <label for="nom-de-famille-ac">Nom :</label>
 <input id="nom-de-famille-ac" type="text" autocomplete="family-name"/>

 <label for="prenom-ac">Prenom  :</label>
 <input id="prenom-ac" type="text" autocomplete="first-name"/>
 
 <label for="email-ac">Email :</label>
 <input id="email-ac" type="email" autocomplete="email"/>
 
 <label for="adresse-ac">Adresse :</label>
 <input id="adresse-ac" type="text" autocomplete="street-address"/>
</form>
</div>
<div>
<h2>
 Formulaire sans auto-complete
</h2>
<form>
 <label for="nom-de-famille">Nom :</label>
 <input id="nom-de-famille" type="text"/>

 <label for="prenom">Prenom  :</label>
 <input id="prenom" type="text"/>
 
 <label for="email">Email :</label>
 <input id="email" type="email"/>
 
 <label for="adresse">Adresse :</label>
 <input id="adresse" type="text"/>
</form>
</div>
</div>

CSS

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

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

.layout {
  display: flex;
}

.layout > div {
  margin: 10px;
}