title: How to display 3 buttons on the same line in css
body: <p>I want to display 3 buttons on the same line in html. I tried two options: 
  This one: </p>
  
  <pre><code>    &lt;div style="width:500px;"&gt;
          &lt;div style="float: left; width: 130px"&gt;&lt;button type="submit" class="msgBtn" onClick="return false;" &gt;Save&lt;/button&gt;&lt;/div&gt;
          &lt;div style ="float: none; width: 130px"&gt;&lt;button type="submit" class="msgBtn2" onClick="return false;"&gt;Publish&lt;/button&gt;&lt;/div&gt;
          &lt;div style ="float: right; width: 130px"&gt;&lt;button class="msgBtnBack"&gt;Back&lt;/button&gt;&lt;/div&gt;
      &lt;/div&gt; 
  </code></pre>
  
  <p>And this one: </p>
  
  <pre><code>    &lt;p style="float: left; width: 130px"&gt;&lt;button type="submit" class="msgBtn" onClick="return false;" &gt;Save&lt;/button&gt;&lt;/p&gt;
      &lt;p style ="float: none; width: 130px"&gt;&lt;button type="submit" class="msgBtn2" onClick="return false;"&gt;Publish&lt;/button&gt;&lt;/p&gt;
      &lt;p style ="float: right; width: 130px"&gt;&lt;button class="msgBtnBack"&gt;Back&lt;/button&gt;&lt;/p&gt;
  </code></pre>
  
  <p>For the second option I used a styling for the paragraph:</p>
  
  <pre><code>&lt;style&gt;
     p {display:inline}
  &lt;/style&gt;
  </code></pre>
  
  <p>Sadly, none of them were ok, and I can't seem to find out any other option. The first and second button are displayed on same line, but the third is displayed lower...
  Can you help me?</p>