Выравнивание элементов HTML horizontally

Question

Как выровнять эти элементы рядом друг с другом, а не под друг друга?

---

<form action="http://xx.xxx.com/checker.php" method="post"> 
<input type="hidden" name="tokenz" value="9oaisdkjasiduqasdkjiwue" /> 
<input type="hidden" name="directz" value="true" /> 
Domain: <input type="text" name="domain" size="20" /> <select name="ext"> 
<option>.com</option> 
<option>.org</option> 
<option>.net</option> 
<option>.biz</option> 
<option>.info</option> 
<option>.us</option> 
<option>.pw</option> 
<option>.in</option> 
<option>.name</option> 
<option>.mobi</option> 
<option>.asia</option> 
</select> 
<input type="submit" value="Go" /> 
</form> 

---

Большое спасибо

Answer 1

Вот пример, если это то, что вы Мента:

JSFIDDLE:

http://jsfiddle.net/fhbha/

HTML:

<ul id="reg-lists" > 
    <li class="one"> 
     <select><option>Yes</option></select> 
     </li> 
    <li class="two"> 
      <select><option>Yes</option></select> 
     </li> 
    <li class="three"> 
      <select><option>Yes</option></select> 
     </li> 
    </ul> 

CSS:

li { 
    display:inline !important; 
    list-style-type: none; 
    padding-right: 10px;  
} 

Answer 2

Форма содержит только встроенные элементы. Это означает, что все они останутся на одной линии, пока они не обернутся.

Если вы хотите предотвратить обертывание, попробуйте white-space: nowrap и придайте контейнеру ширину.

скрипку

http://jsfiddle.net/Ballcheck/XbzdK/

HTML

<form action="http://xx.xxx.com/checker.php" method="post"> 
<input type="hidden" name="tokenz" value="9oaisdkjasiduqasdkjiwue" /> 
<input type="hidden" name="directz" value="true" /> 
Domain: <input type="text" name="domain" size="20" /> <select name="ext"> 
<option>.com</option> 
<option>.org</option> 
<option>.net</option> 
<option>.biz</option> 
<option>.info</option> 
<option>.us</option> 
<option>.pw</option> 
<option>.in</option> 
<option>.name</option> 
<option>.mobi</option> 
<option>.asia</option> 
</select> 
<input type="submit" value="Go" /> 
</form> 

CSS

form { 
    white-space: nowrap; 
    border: 1px solid red; 
    width: 200px; 
}