title: Align input buttons next to textarea in css
body: <p>I have the above sample html but the button are being placed one line below the textarea. How do ensure that the buttons are placed next to the textarea (on the right side of textarea) but not below?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="txtArea" style="width:1000px;"&gt;
      &lt;textarea style="margin-left:20px;" class="span1 form-control" rows="6" &gt;&lt;/textarea&gt;
  &lt;/div&gt;
  &lt;div id="buttons"&gt;
      &lt;input id="btnApprove" type="button"name="action" value="Create Profile" onclick="return validateCreateStaffProfile()" class="btn btn-default btn-sm_Custom active" /&gt;
      &lt;input id="btnReject" type="button" style="margin-left: 30px;" class="btn btn-default btn-sm_Custom active" value="Clear" onclick="return ClearStaffProfileActionDiv();" /&gt;
      &lt;input id="btnDelete" type="button" name="action" value="Create Profile" onclick="return validateCreateStaffProfile()" class="btn btn-default btn-sm_Custom active" /&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>