JSFiddle - React, Tailwind, and code Playground

by Troy Alford

HTML

<link rel="stylesheet" href="http://fortawesome.github.com/Font-Awesome/assets/css/font-awesome.css">
<div class="container-wide">foo bar</div>
<div class="container-narrow">foo bar</div>
<div class="container-narrow"> broken </div>
<div class="container-narrow">working</div>

CSS

.container-wide {
    width: 50px;
    padding-right:25px;
}
.container-wide:after {
    font-family: FontAwesome;
    content: "\f111";
    display: inline;
}

.container-narrow {
    width: 50px;
    padding-right:25px;
}
.container-narrow:after {
    font-family: FontAwesome;
    content: "\f111";
    display: inline;
}

div {
    margin-bottom:25px;
}