l'alignement horizontal des champs de formulaire

comment faire de l'état de la cité du zip à l'aligner dans la même ligne
j'ai réduit la largeur mais sa ne fonctionne pas
comment résoudre le problème

<div class="">
   <label class="" for="">City</label><input style="width: 54px;" type="text">
   <label class="" for="">State</label><input style="width: 54px;" type="text">
   <label class="" for="">Zip</label><input style="width: 54px;" type="text" >
</div>

http://jsfiddle.net/VXXPC/19/

Envelopper chaque label/input dans un div et de faire flotter le div de gauche.

OriginalL'auteur js.js | 2013-01-22

  1. 8

    Vos étiquettes sont display: block. Utilisation display: inline-block comme vous avez avec les champs.

    Ce qui m'a pris tout d'environ 10 secondes à réaliser avec le navigateur outils de développement. En appuyant sur [F12] dans la plupart des navigateurs modernes (FF nécessite l'installation de FireBug) lance le logiciel d'outils de développement. Ici, vous pouvez inspecter l'élément concerné(s) et de voir le CSS que les effets du ou des élément(s).

    Voici un mis à jour le violon. J'ai appliqué une classe à la div parent inline-fields. Dans le CSS, j'ai ajouté:

    .inline-fields label {
    display: inline-block;
}
    pouvez-vous mettre à jour dans le violon
    Voir modifier.

    OriginalL'auteur Paul Fleming