How do I put spaces between these buttons on my vertical navigation bar?

Question

Just what the title says. Iwant there to be spaces in between the four buttons in the vertical navigation bar. JSFIDDLE

HTML

<div id="classesnav">
<ul>
<li><a href="#">Buttercream Skills</a></li>
<li><a href="#">Flower and Cake Design</a></li>
<li><a href="#">Gum Paste and Fondant</a></li>
<li><a href="#">Advanced Gum Paste Flowers</a></li>
</ul>
</div><!--end of classesnav-->

CSS

#classesnav {   
position:absolute;
}

#classesnav ul {
list-style:none;
display:block;  
}

#classesnav ul li {
padding:10px 3px 10px 3px;
background-color:#FEC7FD;
display:block;
border-radius:10px; 
}

#classesnav ul li a {
display:block;  
text-decoration:none;
color:#000000;
}

Answer 1

Maybe using margin-bottom:

#classesnav ul li {
    padding:10px 3px 10px 3px;
    background-color:#FEC7FD;
    display:inline:block;
    border-radius:10px;
    margin-bottom: 10px;    
}

Fiddle