在页脚内部对齐页脚元素的最佳方法

Question

我正在寻找一个简单的方法来将页脚元素对齐在同一条线上，请考虑以下图像：

虽然有人可能会说这些元素是线条，但是使用负边距，表格和花车时，它是混乱的。

有没有更好/更简单的方法来实现这一点，而无需在页脚内创建额外的元素

Answer 1

如何使用正余量和div？使用边距来使其按照您的需要居中。

<footer style="background-color: lime; border:1px solid red; float:left; width:100%;">
  <div style="float:left;">
    Foo
    <br/>Bar
  </div>
  <div style="margin-left:50%; float:left; text-align:left;">
    Swiggity swooty
    <br/>Bring
    <br/>Me
    <br/>That
    <br/>Booty
  </div>
  <div style="float:right;">
    Blah Blah Blajh
  </div>
</footer>