JSFiddle - React, Tailwind, and code Playground

by ryanwfiorini

CSS

.menu_container{
position: absolute;
float: left;
width: 270px;
margin-top: 220px;  
}
.main_menu ul { 
padding: 0px; 
margin:0px;
list-style-type: none;  
}
.main_menu ul li {
padding-right: 25px;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
letter-spacing:4px;
text-align:right; 
line-height:35px;  
list-style-type:none;  
}
.main_menu ul li a  {  
text-decoration:none;  
color:#999;  
} 
.main_menu ul li a:hover {
text-decoration:none;  
color:#999;  
font-weight:bold;  
background:url(images/circle_grey.gif) right center no-repeat;
padding-right: 25px; 
float:right;
}   
.main_menu ul li a.selected  {
background: url(images/circle.gif) right center no-repeat;
padding-right: 25px; 
float:right;
color: #bc4c9b;
font-weight:bold;  
}