another Font Awesome Effect

by Kheema Pandey

HTML

<ul data-role="listview" id="locationList">
   <li>premo1 <a href="#">60</a></li>
   <li>premo2 <a href="#">100</a></li>
   <li>premo3 <a href="#">150</a></li>          
 </ul>

CSS

ul#locationList{padding:0 margin:0; overflow:hidden;}

ul#locationList li{ list-style-type:none; border-top:1px solid gray; padding:10px;}

ul#locationList li:last-child{ list-style-type:none; border-bottom:5px solid gray; padding:10px;
  
}

ul#locationList li a
{float:right;display:inline-block;
  text-decoration:none;
}

ul#locationList li a:after
{
 content: "\f004"; 
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 color: #ef8913;
 font-size: 15px;
 margin:0 10px;
}