JSFiddle - React, Tailwind, and code Playground

by AshThakur

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link"><a href="http://howlthemes.com" rel="external nofollow" class="url">Joseph Scott</a></span> on <a href="http://localhost/vegeta/2016/01/12/hello-world/#comment-3">Hello world!</a></li><li class="recentcomments"><span class="comment-author-link"><a href="http://howlthemes.com" rel="external nofollow" class="url">Joseph Scott</a></span> on <a href="http://localhost/vegeta/2016/03/16/html/#comment-2">HTML</a></li><li class="recentcomments"><span class="comment-author-link"><a href="https://wordpress.org/" rel="external nofollow" class="url">Mr WordPress</a></span> on <a href="http://localhost/vegeta/2016/01/12/hello-world/#comment-1">Hello world!</a></li></ul>

CSS

li:before {
    font-family: FontAwesome;
    content: "\f133";
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    color: #666;
}