Question

I have this code

 <div id="one">
  <a href="#" id="test1" >
    <button title="test1">test1</button>
  </a>
  <a href="#" id="test1" >
    <button title="test1">test1</button>
  </a>
  <div id="two" style="background-color: red;">
  <form action="/adminTest" method="post"><select id="SelectedCode" name="SelectedCode">
<option value="1">1 page</option>
<option value="2">2 pages</option>
</select>    <input type="submit" value="OK" />
</form>  
    </div> 
</div>

I would like my select dropdown to appear to the right of the button but it appears below. Is there an easy way to make it appear the way I would like?

Answer 1

The easiest way is to add display: inline; to your form element via CSS.

Example.