如何在文本框之後創建一個div？

Question

如何在一個文本框（在同一行）之後創建一個div？

 <!--Text box --> 
     Title: <input type="text" name="textbox1" placeholder="Type here" 
      class="inputs" /> 
     <!-- dropdown menu --> 
     <div class="select-style"> 
      <select class="dropdown" Name="color" onchange=""> 
       <option value="" class="label" value="">Text Color</option> 
       <option value="black">Black</option> 
       <option value="blue">Blue</option> 
       <option value="green">Green</option> 
       <option value="red">Red</option> 
      </select> 
     </div> 

Answer 1

使用CSS：

.select-style {display:inline-block;} 

希望這有助於！

Answer 2

您應該使用範圍，因爲它是一個行內元素。 div是一個塊元素它總是斷行。

見JFiddle： http://jsfiddle.net/VC7DD/

<!--Text box --> 
Title: <input type="text" name="textbox1" placeholder="Type here" 
    class="inputs" /> 
<!-- dropdown menu --> 
<span class="select-style"> 
    <select class="dropdown" Name="color" onchange=""> 
     <option value="" class="label" value="">Text Color</option> 
     <option value="black">Black</option> 
     <option value="blue">Blue</option> 
     <option value="green">Green</option> 
     <option value="red">Red</option> 
    </select> 
</span> 

Answer 3

這個規則只需添加到您的css文件：

.select-style{ 
    display: inline; 
} 

這裏有一個jsfiddle

或者，如果你想使用內嵌樣式添加這您的div：

<div style="display: inline" class="select-style"> 

Answer 4

Title: <input type="text" name="textbox1" placeholder="Type here" 
     class="inputs" /> 

    <!-- dropdown menu --> 
    <span class="select-style"> 
     <select class="dropdown" Name="color" onchange=""> 
      <option value="" class="label" value="">Text Color</option> 
      <option value="black">Black</option> 
      <option value="blue">Blue</option> 
      <option value="green">Green</option> 
      <option value="red">Red</option> 
     </select> 
    </span> 

它的工作對我來說