Aligner des éléments d'une liste

Bonjour les amis,

Les labels "noms" et "date de naissance" ci-dessous n'ayant pas la même longueur, quel style appliquer pour que, dans la liste ci-dessous, les 2 champs texte commencent au meme endroit (c-a-d pour qu'ils soient alignés à gauche) ?

<ul>
<li><label for="name">Nom</label> <input type="text" name="name" /></li>
<li><label for="birth">Date de naissance</label> <input type="text" name="birth" /></li>
</ul>

Modifié par nico1000 (03 May 2005 - 16:42)

En fait il faudrait définir une largeur commune à tous tes labels...
mais comme ce sont des types inlines il ne la prendront pas ...
et qu'un passage en block ferait passer ton input à la ligne...
je dirais un petit float et un width ?

Plutôt que de copier/coller ma réponse que je viens de faire sur un autre topic, je te l'indique :
http://forum.alsacreations.com/topic.php?fid=4&tid=3505#p31875

a écrit :

tu met ton <label> en display: block; tu met le width qui va bien et enfin, tu met float: left; sur tes <input /> et là ça roule.

le float: left; se met sur les <label> ici, sur les <input /> ça ne passe pas.

dans le css:

label {
display: block;
float: left;
}

Merci pour l'aide!

a écrit :
le float: left; se met sur les <label> ici, sur les <input /> ça ne passe pas.

Oué effectivement je suis

que je viens de faire sur un autre topic

J'ai fais pareil que toi Sten, effectivement le float doit être placé sur le label.