title: How can I have left- and right-aligned content at the same horizontal position in a Bulma modal footer?
body: <p>I have a modal card in Bulma, and I want to have a left-aligned p tag on one side of the footer, and a right-aligned p tag on the other side, occupying the same horizontal space.  The standard classes, like level and columns, don't seem to function correctly in the footer.  I have tried a lot of approaches, but this is the most recent.</p>
  
  <pre><code>    &lt;footer class="modal-card-foot"&gt;
        &lt;div id="site-type-div" class="columns is-inline-flex"&gt;
            &lt;p id="chart-footer" class="level-item"&gt;Content&lt;/p&gt;
            &lt;p id="site-type-p" class="level-item"&gt;Type&lt;/p&gt;
        &lt;/div&gt;
      &lt;/footer&gt;
  </code></pre>
  
  <p>The two p tags show up in the same horizontal space, but both are left aligned; I want the first on the left and the second on the right.</p>