我不知道如何将导航和页脚放在同一行上。我试过更改列表边距,但这没有用。我找不到下面代码的错误之处:
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 © by Owner</pre>
</footer>
有什么建议吗?
最佳答案
将导航放在页脚内...
<footer>
<nav>
<ul>
<li><pre> 2016-2017 © 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>
关于css - 如何内联段落和导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39812977/