title: Putting 3 buttons in parallel
body: <p>This is my code where I am trying to put 3 Buttons in parallel.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;div class="aParent"&gt;
   &lt;div id="left_side"&gt;
     &lt;form accept-charset="UTF-8" action="/new" data-remote="true" method="get"&gt;&lt;div    style="margin:0;padding:0;display:inline"&gt;&lt;input name="utf8" type="hidden" value="&amp;#x2713;" /&gt;&lt;/div&gt;
     &lt;label for="q"&gt;Make A new folder:&lt;/label&gt;&lt;br&gt;
     &lt;input id="q" name="q" type="text" /&gt;&lt;br&gt;
     &lt;input name="commit" type="submit" value="Submit" /&gt;
     &lt;/form&gt;&lt;/div&gt;
  &lt;div id="centre"&gt;
      &lt;input id="btn" type="button" value="Save" action="update" alignment="center" /&gt;
  &lt;/div&gt;
  &lt;div id="right_side"&gt;
   &lt;form accept-charset="UTF-8" action="/target" method="get"&gt;&lt;div style="margin:0;padding:0;display:inline"&gt;&lt;input name="utf8" type="hidden" value="&amp;#x2713;" /&gt;&lt;/div&gt;
   &lt;input name="commit" type="submit" value="Customize Weight" /&gt;
  &lt;/form&gt;&lt;/div&gt;
  &lt;/div&gt;
  
   &lt;style type="text/css"&gt;
  
    #left_side {
    float: left;
      }
  
    #center_s {
     margin:50px 50px;
     width: 65px;
      }
  
    #right_side {
     float: right;
      }
  
  
       &lt;/style&gt;
  </code></pre>
  
  <p>Now if I change margin values save button position is not changing . Any guesses for changes to be made to put 3 buttons in parallel.</p>
  
  <p></p>