Alignement de flottement CSS

Question

Je souhaite afficher, par exemple, dans la ligne de texte 1 ^st, une zone de saisie "votre nom"; puis utilisez float: left pour le texte et la zone de saisie. Dans la ligne 2 ^sd, je souhaite afficher les mêmes informations (zone de texte Ajouter texte). Comment pouvez-vous faire la ligne 2sup> nd (zone de texte d'ajout de texte) ne pas rejoindre la ligne 1 ^st (parce que j'utilise float: left)? Je ne pense pas <br/> est la meilleure solution pour ce problème. Donc qu'est ce que je devrais faire?

Answer 1

insérer un div pour effacer votre flotteur entre vos lignes

<div style="clear: left"></div> 

Answer 2

Il est difficile de comprendre comment vous voulez disposé. Vous devriez regarder dans la propriété CSS display.

Voir si cela aide: http://jsfiddle.net/M68Qw/

Answer 3

Pour empêcher l'information d'être à côté des éléments flottants, leur donner l'attribut clear CSS, avec la valeur soit réglée sur both ou left.

L'attribut clear indique au convertisseur qu'il doit être rendu sous les éléments flottants dans le même élément parent.