Alignement vertical des champs d'un formulaire sans tableau

Bonjour, je voudrais savoir s'il existe une solution simple à mettre en place afin d'aligner verticalement les champs d'un formulaire en html.

C'est à dire:

Nom champ de saisie1
prenom champ de saisie2

Il faut remplacer champ de saisie par un <input type="text">

Je n'arrive pas à aligner les 2 champs verticalement.

Merci pour l'aide

Bonjour,

Le code ci-dessous devrait faire l'affaire :

<label for="ton_champ">Nom</label>
<input id="ton_champ" type="text" />

label {
  display:block;
  float:left;
  width:150px;
  text-align:right;
  padding:0 5px 0 0
}
input {float:left}

Il faut encapsuler le label et son champ dans un <div> (ou <li>) pour les retours à la ligne.
Modifié par mecho (11 Oct 2007 - 12:40)

ok merci je vais essayer

mecho a écrit :
Bonjour,

Le code ci-dessous devrait faire l'affaire :

<label for="ton_champ">Nom</label>
<input id="ton_champ" type="text" />

label {
  display:block;
  float:left;
  width:150px;
  text-align:right;
  padding:0 5px 0 0
}
input {float:left}

Il faut encapsuler le label et son champ dans un <div> (ou <li>) pour les retours à la ligne.

un simple <br /> est suffisant


oui je sais ca date de 2007 la question