List Bullets - Icon Font

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.css">
<ul>
    <li class="fb"><span>Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor.</span></li>
    <li class="twitter"><span>List Item<br>something else</span></li>
    <li class="fb"><span>List Item</span></li>
</ul>

CSS

/* Use the following CSS code if you want to have a class per icon */
ul { padding-left:5em; list-style:none; }
li.twitter:before, li.fb:before {    
    font-family: 'FontAwesome';
    margin:0 .2em 0 -1.5em;
    font-size: 3em;
    vertical-align:middle;
}
li.twitter:before{content: '\f081';}
li.fb:before { content: '\f082';}
li{list-style-type:none;}
li span{display:inline-block;vertical-align:middle;}