title: CSS alignment of select and image on the same line
body: <p>I'm trying to aling a select menu with an image which is a submit button. My code is as followS:</p>
  
  <pre><code>&lt;form action="index.php"&gt;
  
   &lt;p&gt;
  
   &lt;select name="ID"&gt;
    &lt;option value="1"&gt;1&lt;/option&gt;
    &lt;option value="2"&gt;2&lt;/option&gt;
    &lt;option value="3"&gt;3&lt;/option&gt;
   &lt;/select&gt;
  
   &lt;input type="image" class="arrwSubmit" src="/images/go-green.png"&gt;
  
   &lt;/p&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>Arrow submit has a class which floats the image left. However this causes the problem that the image is displayed to the left of the select, I want it to be to the right and on the same line. If I apply the same class to the select element then the slect and arrow display fine but then the next element (a table) also appears on the same line.</p>
  
  <p>How can I align as follows:</p>
  
  <p>Line 1 = select > image (submit)</p>
  
  <p>Line 2 = table</p>
  
  <p>Many thanks in advance</p>