Javascript CSS问题：无法将文本放置在选择框的右侧

为什么“用户”一词出现在“选择”框下？我希望它位于选择框的右侧。我错过了什么

---

将其移动到div中，就在选择框之后，并在.ui组合框中添加一些右边距

您可以这样做：

HTML:

​ 小提琴：

---

您所要做的就是使用：position:relative将文本从正常位置向左或向上移动。此外，文本在外部。

否。不能。Word用户只是一个示例。有多个单词，请在另一个div元素中使用这些单词。并为其指定css样式。为了使浮动有效，它需要显示在标记中的选择框之前。否。不能Word用户只是一个示例。选择框后面有一个句子。建议一些不属于这个部门的东西

<div class="ui-widget">
          <select id="users" name="userName">
            <option value="#">
              Select one...
            </option>
            <option value='1'>
              User1
            </option>
            <option value='2'>
              User2
            </option>
            <option value='3'>
              User3
            </option>
            <option value='4'>
              Demo
            </option>
          </select>
       <div class="words"> user</div></div> 

  .words{
    float:right;
    color:#808080;
    font-family:Sans,ubuntu;
    font-size:18px;
    margin-right:100px;

}

<div class="ui-widget">
          <select id="users" name="userName">
            <option value="#">
              Select one...
            </option>
            <option value='1'>
              User1
            </option>
            <option value='2'>
              User2
            </option>
            <option value='3'>
              User3
            </option>
            <option value='4'>
              Demo
            </option>
          </select>
</div>
<div id="user">Here is a sample sentence :)</div>

/*Users Combobox*/
.ui-combobox {
    position: relative;
    display: inline-block;
    margin-right: 36px;
}
.ui-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* adjust styles for IE 6/7 */
    *height: 1.7em;
    *top: 0.1em;
}
.ui-combobox-input {
    margin: 0;
    padding: 0.3em;
}
#user {
 position: relative;
 top: -27px;
 left: 270px;   
}