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