title: Custom li list-style with font-awesome icon
body: <p>I am wondering if it's possible to utilize font-awesome (or any other iconic font) classes to create a custom <code>&lt;li&gt;</code> list-style-type?</p>
  
  <p>I am currently using jQuery to do this, ie:</p>
  
  <pre><code>$("li.myClass").prepend("&lt;i class=\"icon-chevron-right\"&gt;&lt;/i&gt;");
  </code></pre>
  
  <p>However, this doesn't style properly when the <code>&lt;li&gt;</code> text wraps across the page as it considers the icon to be part of the text, not the actual bullet-indicator.</p>
  
  <p>Any tips?</p>