Html 在Bulma模式页脚中，如何使左对齐和右对齐的内容位于同一水平位置？

我在Bulma中有一个模态卡，我想在页脚的一侧有一个左对齐的p标记，在另一侧有一个右对齐的p标记，占据相同的水平空间。标准类，如level和columns，在页脚中似乎不能正常工作。我尝试过很多方法，但这是最近的

    <footer class="modal-card-foot">
      <div id="site-type-div" class="columns is-inline-flex">
          <p id="chart-footer" class="level-item">Content</p>
          <p id="site-type-p" class="level-item">Type</p>
      </div>
    </footer>

内容

类型

两个p标记显示在相同的水平空间中，但都是左对齐的；我要第一个在左边，第二个在右边。

这样行吗？（似乎

模态卡脚

类不能很好地处理级别和列之类的东西）

内容

类型

使用css，如：

#site-type-p{text align:right；}

？无骰子-内容不会移动。可能与flexbox有关？好吧，它们确实显示为我喜欢的对齐方式，但是删除modal card foot类也会使背景透明（这很令人兴奋，但不是我想要的）。不过，这似乎是一个进步——也许我可以手动设置页脚样式，而不是使用Bulma类。