html - How to display inline a select element after a div? -

i have these html elements:

<div id="div1">        <h2>search want</h2>       <input id="textsearch" type="text" class="form-control input-lg" placeholder="search" /> </div>  <div id="div2"> <select id="droplist" class="form-control">   <option>option</option> </select> </div> 

i trying display them inline can't find way it. have searched on , applied of solutions, involving both of elements in div (div1 , div2) , add in css code this:

#div1, #div2 {    display: inline; } 

i have tried inline-block , many other solutions none of them have worked. there possible way it?

you need make h2 in div1 inline too:

#div1, #div2, #div1 h2 {    display: inline; }