JSFiddle - React, Tailwind, and code Playground

by ox69xo

HTML

<div class="sidebarmenu">
	   <ul>
		  <li><a href="#" class="add">Home</a></li>
		  <li><a href="#">about us</a></li>
		  <li><a href="#">contact us</a></li>
			
		 </ul>
	 </div><!-- // sidebarmenu -->

CSS

/* SIDEBAR MENU */
.sidebarmenu {
  margin-top:15px;	
  margin-left:10px;
}
.sidebarmenu ul li {
  background:url("http://1.bp.blogspot.com/-aP98j7UHK0A/USJuEgiq7jI/AAAAAAAAAXM/LLo-g8mAD58/s1600/listsidebarmenu.png") no-repeat;	
  height:25px;
  width:281px;
  text-align:right;  
  padding-top:5px;
}

.sidebarmenu ul li a{
  font-size:11pt;
  text-transform:uppercase;
  text-decoration:none;
  color:#636363;
  font-family:'Arial';
}
.sidebarmenu ul li a:hover{
  color:#333;	
  text-shadow:1px 1px #737373;
}
/* END SIDEBAR MENU */

JavaScript

jQuery(document).ready(function($) {
  $('.sidebarmenu > ul > li > a').after('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
});