title: Less painful way to add a different icon to each link on a <li> (html list)
body: <p>take a look of this: <a href="http://jsfiddle.net/PFQke/" rel="noreferrer">http://jsfiddle.net/PFQke/</a></p>
  
  <p>I want to add some icons to that menu system in a smart way, im not a front-end developer, so i suck at css.</p>
  
  <p>This is what i like to have:</p>
  
  <p><img src="https://i.stack.imgur.com/D277U.png" alt="enter image description here"></p>
  
  <p>Thanks for any help!</p>