JSFiddle - React, Tailwind, and code Playground

HTML

<div id="w">
<p class="l">floated left</p>
<p class="r">floated right</p>

<div class="clear-both"></div>
</div>

CSS

.clear-both{
 clear:both;   
}.l{
 float:left;   
}
.r{
 float:right;   
}
#w{
 border:1px solid red;   
}