Salut, ça fait quelques heures que je bloque sur mon code.
J'aimerais aligner les boîtes ou on est censé rentrer ses informations, on peux voir sur l'image que "votre prénom" est décalé par rapport aux autres ( voir photo).
Si vous pouviez corriger mon code dans lequel il y a sûrement plusieurs erreurs, merci de m'expliquer au passage ta correction Smiley smile .
Je débute le code depuis environ deux semaines.
Je te remercie

Voici mon code HTML:
<form method="post" action="Traitement.php">
<fieldset>
  <legend>Rentrez les informations demandées</legend>
    <label for="email">Votre mail:</label><input type="text" id="email" /></br>
    <label for="nom">Votre nom:</label><input type="text" id="nom" /></br>
    <label for="prénom">Votre prénom:</label><input type="text" id="prénom" /></br>
    
<input type="submit" value="Envoyer">
</fieldset>


Et voici mon code CSS:
#label{
  display: block;
width: 150px;
float: left;
}

#Contact{
  display: flex;
  justify-content: center;
  margin-top: 100px;
  margin-left: 200px;
  margin-right: 200px;
}
Salut

Une des grosse erreur est dans ton css
#label{
  display: block;
width: 150px;
float: left;
}


Tu as mis un "#label" le "#" est pour cibler les attributs ID d'une balise (un ID est unique)
Toi tu cherche à cibler tous les label, donc comme c'est une juste un tag (balise en français) y'a pas besoin de mettre de "#" devant. Pour les tag, il n'y a rien devant
Pour rappel :

Rien => cible les tag
# => ciblage par id
. => ciblage par classe.

Pour débuter ta juste besoin de savoir ça.

Donc il faut remplacer ton "#" avant le label par .... rien ^^

juste
label{
  display: block;
width: 150px;
float: left;
}
Meilleure solution