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

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>