title: How to display two buttons beside each other
body: <p>I have the following two buttons:</p>
  
  <pre><code>&lt;div&gt;
      &lt;input type="button" id="slide_start_button" value="Start"&gt;
      &lt;input type="button" id="slide_stop_button"  value="Stop"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would put both one beside each other (for example |Start||Stop|). I can but I have to use the <code>position: relative</code> CSS rule and an empty space was below buttons that I don't want.</p>
  
  <p>How can I put the two buttons each beside other in portable manner?</p>