JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <p>NORMAL</p>
    <p class="floated">FLOATED</p>
    <div style="clear:both;height:0;"></div>
    <p class="width_limited">HAS WIDTH</p>
</div>

CSS

html, body {
    margin:0;
}
div#container {
    width:100%;
}
p {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    padding:10% 0 0;
    margin:0 0 1em;
    background-color:#CCC;
}
p.width_limited {
    width:150px;
}
p.floated {
    float:left;
}