css - 如何内联段落和导航

Question

我不知道如何将导航和页脚放在同一行上。我试过更改列表边距，但这没有用。我找不到下面代码的错误之处:

ul {
  margin: auto;
  padding-top: 0;
  text-align: center;
}
li {
  display: inline-block;
  list-style-type: none;
}

<nav>
  <ul>
    <li><a href=''>Home</a>
    </li>
    <li><a href=''>About</a>
    </li>
    <li><a href=''>Contact</a>
    </li>
    <li><a href=''>Citations</a>
    </li>
  </ul>
</nav>

<footer style="color: white">
  <pre> 2016-2017 &copy; by Owner</pre>
</footer>

有什么建议吗？

Answer 1

将导航放在页脚内...

<footer>
  <nav>
    <ul>
      <li><pre> 2016-2017 &copy; by Owner</pre></li>
      <li><a href=''>Home</a>
      </li>
      <li><a href=''>About</a>
      </li>
      <li><a href=''>Contact</a>
      </li>
      <li><a href=''>Citations</a>
      </li>
    </ul>
  </nav>
</footer>