Как разместить selectbox и inputbox на одной строке?

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>