title: How to make different Django form input buttons display on same line
body: <p>I am using two separate Django forms on a page I am working on and I am wanting the input buttons to show up on the same line. Currently, they are stacking. I tried using CSS styling to use the inline-block but I don't think that's working because they are in separate forms.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;title&gt;Title&lt;/title&gt;
      &lt;link rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
      integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
      crossorigin="anonymous"&gt;
      &lt;link rel="stylesheet" href="song_edit.css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;form method="POST" id="form1"&gt; {% csrf_token %}
      &lt;li&gt;{{ file_name }}&lt;/li&gt;
      &lt;li&gt;{{ form.as_p }}&lt;/li&gt;
      &lt;input type="submit" class="btn btn-primary" value="Download" name="save" id="download" /&gt;
  &lt;/form&gt;
  &lt;form action="/path/" method="get" id="form2"&gt;
      &lt;input type="submit" class="btn btn-secondary" name="next" value="Next" id="Next" /&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/u8140gdv/" rel="nofollow noreferrer">Fiddle</a></p>