我在
HTML5中有以下导航栏：
<div id = 'nav'>
<ul>
<li>
<a href = ''>HOME</a>
</li>
<li class = 'final_nav'>
<a href = ''>FAQ</a>
</li>
</ul>
</div>
用这个CSS设计：
#nav {
border: 1px solid #000;
padding: 0.1px;
background-color: #E5E5E5;
}
#nav li {
border-left: 1px solid #000;
padding: 20px;
display: inline;
}
.final_nav {
border-right: 1px solid #000;
}
#nav a {
display: block-inline;
}
但是左边和左边的右边界不与顶部和顶部对齐底部的：
为什么是这样？
谢谢
解决方法
#nav li {
border-left: 1px solid #000;
padding: 17px;
display: inline;
}
这应该解决它.