Beautiful Side Menu 'Right'

by Joe Saad

HTML

<div>
<ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Home</a></li>
    <li><a href="#">Home</a></li>
    <li><a href="#">Home</a></li>
    <li><a href="#">Home</a></li>
    
</ul>
</div>

CSS

body {font-family:verdana;font-size:10px;}
div {float:right; background-color: #000; width:100px; height:500px;}
ul {text-align:right; margin-top:30px; margin-right:10px; }
li {border-bottom:1px dotted #999;margin:4px 0;}
a {color:#999; display:block;}
a:hover {color:#fff; }