我正在尝试为我的 li 元素添加底部边框。这是我的CSS:
.menu{
text-align:right;
}
.menu li{
padding:5px;
text-transform: uppercase;
display:inline;
list-style-type:none;
list-style-position: inside;
border-bottom: 1px solid red;
}
还有我的 HTML:
<div class="menu">
<ul>
<li>Home</li>
<li>Home</li>
<li>Home</li>
<li>Home</li>
<li>Testimonials</li>
<li>About Us</li>
<li>Contact Us</li>
</ul>
</div>
由于某种原因,没有添加底部边框。我可以在左右两侧添加边框,但不能在底部添加边框。我究竟做错了什么?