affichage de la div à côté de l'étiquette sans ligne de rupture

Je voudrais drow une étiquette et d'entrée de texte à côté.
le texte d'entrée doit être à l'intérieur d'un div - plus tard, je voudrais ajouter un élément à la div.
Je suis à l'aide du flotteur afin d'afficher la div à côté de l'étiquette/

ici, c'est moi html:

<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" >
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title></title>
</head>
<body>
        label: <div style="float:left;"><input type="text" /></div>
</body>
</html>

Ihe problème est que je reçois la div avant le texte.

http://jsfiddle.net/2wNbR/

Comment puis-je résoudre ce problème?

Mise à JOUR
Je veux utiliser une saisie semi-automatique plugin que j'ai écrit au lieu de la saisie du texte. La saisie semi-automatique utilise un div. Je ne veux pas créer une "condition préalable" à l'étiquette afin de la solution comme ajouter <span style="float:right"></span> autour de l'étiquette ne sont pas bonnes.

UPDATE2
J'ai pensé qu'il n'est pas nécessaire, mais je vois qu'il est importent.
Voici l'exemple complet: http://jsfiddle.net/2wNbR/16/

.Autocomplete {
direction: ltr;
}
.Autocomplete, .Autocomplete .Arrow, .Autocomplete .CodeField,
.Autocomplete .SmartField, .Autocomplete .Selector {
float:left;
}
.Autocomplete .Arrow {
background-image:url(drop.gif);
background-position:top right;
height:17px;
width:17px;
cursor:pointer;
}
.Autocomplete .OptionsListHolder {
height:0px;
width:0px;
}
.Autocomplete .OptionsList
{
position:relative;
z-index:999;
top:0px;
right:0px;
border: 1px solid #888888;
font-weight: normal;
font-size: 12px;
font-family: Arial (Hebrew);
}
.Autocomplete .CodeField
{
width:40px;
border: 1px solid #888888;
height:13px;
}
.Autocomplete .SmartField
{
width:auto;
border: 1px solid #888888;
height:13px;
font-weight: normal;
font-size: 12px;
font-family: Arial (Hebrew);
}
Customer:
<div class="Autocomplete">
<input type="text" class="CodeField" />
<div class="Selector">
<input type="text" class="SmartField" />
<div class="Arrow"></div>
<div class="OptionsListHolder">
<select class="OptionsList" size="8">
<option>opt 1</option>
<option>opt 2</option>
<option>opt 3</option>
<option>opt 4</option>
<option>opt 5 - long item text</option>
</select>
</div>
</div>        
</div>
<br>
text to check if the OptionsList is override this text
il n'y a pas de balise d'étiquette dans votre dernier des violoneux. être précis ce que tu veux
Je n'ai pas mentionné qu'il y avait une balise d'étiquette. J'ai écrit il y a une étiquette.
Ne voit pas bien ce que vous essayez d'atteindre là, c'est un peu le bazar.
Je veux l'étiquette Client à être dans la même ligne que la saisie semi-automatique de la structure. Aller dans le JSFiddle et vous verrez. Qu'est-ce que le désordre?
Le violon.

OriginalL'auteur Naor | 2011-05-21

  1. 22
    <div style="display:inline-block;"><input type="text" /></div>

    Et vous pourriez également vouloir vérifier la <label> élément html.

    C'est la façon dont je juge correct.
    Veuillez voir la mise a jour de la mise à jour est importent.
    Cela a fonctionné pour moi...

    OriginalL'auteur Arjan

  2. 2

    Il suffit de mettre un <span> autour de l'étiquette et de flotter que trop, n'oubliez pas d'effacer.

    <span style="float: left;">label: </span><div style="float:left;"><input type="text" /></div>
    NB. Pas entièrement sûr de savoir pourquoi vous avez besoin de la <div> autour de la <input> dans ce cas, je suppose que c'est un retour de coupe par exemple.
    veuillez voir le jour.
    La mise à jour est importent.

    OriginalL'auteur Orbling

  3. 0
    label: <span><input type="text" /></span>

    ou 

    <div style="float:left">label:</div><div><input type="text" /></div>

    aidera, mais si vous pouvez dire que le but vous aurez plus de chance d'obtenir une réponse appropriée

    Veuillez voir la mise a jour de la mise à jour est importent.

    OriginalL'auteur sathishn

  4. 0

    Je devine que l'affiche est en fait l'utilisation de coldfusion et à l'aide de <cfinput> plutôt que <input> -- si c'est le cas, voici le scénario:

    Vous avez un <cfinput> étiquette avec un autosuggest= valeur, et vous voulez mettre une étiquette de texte à gauche du champ de saisie.

    <cfinput avec autosuggest utilise ajax et l'ajoute automatiquement de style ajax divs, y compris le cf.css qui ajoute la float:left; style.

    Une façon de contourner ce problème consiste en l'entourant votre étiquette et de la cfinput dans une table, chacun dans leur propre <td>'s..

    donc <table border=0><tr><td>label:</td><td><cfinput autosuggest="value1,value2,etc" name="inputname"></td></tr></table>

    Qui devrait le faire!

    OriginalL'auteur Rob