html页脚将其添加到行尾

Question

我的页脚如下所示，它正确显示了公司名称添加到页脚行的左侧。

<footer>
    <p>Company, Inc.</p>
</footer>

我想在页脚行的末尾添加联系链接，该行将位于行尾。

我试过了

<footer>
        <p>Company, Inc.</p>
        <p>phone number:123456789</p>
</footer>

但它会一层一层地堆叠

Answer 1

使用 footer { display: flex;证明内容:空格之间； } 将它们放在同一行，由页脚中的所有可用空间分隔。

footer { 
  display: flex;
  justify-content: space-between;
}

<footer>
        <p>Company, Inc.</p>
        <p>phone number:123456789</p>
</footer>