JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://fortawesome.github.com/Font-Awesome/assets/css/font-awesome.css">
<div class="container">
    foo bar<i class="icon-circle"></i>
</div>

<div style="margin-top:25px"></div>

<div class="container2">
    foo bar
</div>

<div style="margin-top:25px"></div>

<div class="this-is-how-it-should-wrap">
    foo<br>bar<i class="icon-circle"></i>
</div>

CSS

.container {
    width: 50px;
    padding-right:25px;
}

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