HTML 요소를 가로로 정렬

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; 
}