title: Inlining two buttons - one inside a <form>, one outside
body: <p>I have two buttons in an html template, one inside a form, the other outside of it. How do I style them via CSS such that they appear inline? Including <code>display: inline</code> in the second button doesn't work.</p>
  
  <p>E.g. looking at the following snippet, how would <code>OK_1</code> and <code>OK_2</code> appear inline (using CSS only):</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;form action="some_url" method="POST" enctype="multipart/form-data"&gt;
    &lt;!-- some form --&gt;
    &lt;input class="button" type="submit" value="OK_1"&gt;
  &lt;/form&gt;
  &lt;button&gt;OK_2&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>