在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/