在css垂直菜单中添加间距

Question

我想在每个菜单名称之间留出更多空间，我不希望它们如此接近，我该如何管理它？它们是直接在彼此之下，接近触摸，什么是增加空间的最佳方式？

这是我的CSS

#navside ul
{
margin: 2;
padding: 0;
list-style-type: none;
}

#navside ul li { display: block; }

#navside ul li a
{
text-decoration: none;
padding: 1em 1em;
color: #bfaeae;

}
#navside ul li a:hover
{
text-decoration: underline;
color: #f0f0f0;

}

这是我的菜单

<div id="navside">
    <ul>

      <li><a href="#">menu one</a></li>
      <li><a href="#">Menu one</a></li>
   </ul>




        </div>

Answer 1

将此添加到您的css

#navside li{
    margin-bottom:15px;
}

http://jsfiddle.net/4vq3ea2e/