如何在同一行上放置选择框和输入框？

Question

我有一个小选择框和一个输入框。但不幸的是，选择框位于输入框之上。

以下是代码：

<select style="width:50px;height:20px;margin-left:30px">
<option selected="selected">Please select</option>
<option>1</option>
</select>
<input type='text' name='test' style="width: 210px;"value='' />

如何将两者放在同一行？

Answer 1

如果您的意思是希望它们位于同一行，请将它们包含在div中：

<div>
  <select style="width:50px;height:20px;margin-left:30px">
    <option selected="selected">Please select</option>
    <option>1</option>
  </select>
  <input type='text' name='test' style="width: 210px;"value='' />
</div>