html - 在 CSS 中添加导航栏之间的间距

Question

如何在页脚左侧放置保留页脚，在页脚右侧放置页脚并在 CSS 链接之间添加空格？不使用 flexbox

HTML:

    <footer>
            <div id="reserved">All rights reserved</div>
            <nav id="footer">
                <a href="">Home</a>
                <a href="">About</a>
                <a href="">Opportunities</a>
                <a href="">Terms</a>
            </nav>
    </footer>

谢谢!

Answer 1

使用float 这会给出你想要的。如果你不想要 flexbox

#reserved {
  float: left;
}

#footer {
  float: right;
}

#footer a {
  padding: 0 15px;
}

footer::after {
  display: block;
  content: "";
  clear: both;
}

<footer>
  <div id="reserved">All rights reserved</div>
  <nav id="footer">
    <a href="">Home</a>
    <a href="">About</a>
    <a href="">Opportunities</a>
    <a href="">Terms</a>
  </nav>
</footer>