l'étiquette et la boîte d'entrée sur la même ligne

J'ai le code html suivant:

<label>blah</label>
<input type=text ... />

Je veux que l'étiquette soit sur une ligne, et au-dessous de la zone d'entrée.

actuellement, il est sur la même ligne, dois-je utiliser un clair?

Vous pouvez aussi envelopper à la fois l'étiquette et l'entrée dans un div (w/ positionnement relatif) et puis absolument position de l'étiquette et de saisie à l'endroit où vous le souhaitez.

OriginalL'auteur mrblah | 2009-08-28

  1. 1

    Le faire avec du CSS:

    label { clear: both; }

    Il ne fonctionne pas si vous n'ajoutez pas display:block ainsi que @Mike Hall indiqué dans sa réponse

    OriginalL'auteur Josh

  2. 9

    Vous pouvez mettre une classe css ou un style qui allait changer l'affichage du bloc:

    <label style="display:block">blah</label>
<input type=text ... />

    OriginalL'auteur Mike Hall

  3. 5
    <label>blah</label>
<br />
<input type=text ... />

    Utiliser un saut de ligne.

    OriginalL'auteur Brandon

  4. 3
    <label for="fldAge">Age:</label>
<p>
<input type="text" name="Age" id="fldAge" />
</p>

    Cela provoque également le navigateur pour afficher du texte associé à une entrée avec un rectangle de focus, et permet à l'utilisateur de se concentrer le champ en cliquant n'importe où dans le texte associé au lieu de simplement le champ de saisie de contrôle.

    OriginalL'auteur Alex Pavlov

  5. 1

    La façon la plus simple est d'ajouter un <br> après </label>.

    Vous pouvez également utiliser des balises div ou un tableau à deux lignes.

    OriginalL'auteur Jon

  6. 1

    Vous pourriez jeter dans une ligne de séparation (<br />) entre eux ou de les mettre chacun dans son propre div.

    OriginalL'auteur atfergs