JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a">
    <div class="b">This is b</div>
    <div class="c">This is c</div>    
    <div class="clear"></div>
</div>

CSS

.a{border:solid;width:300px;}

.b{border:solid;width:100px;color:red; float:left;}

.c{border:solid;width:100px;color:green; float:left;}

.clear { clear: both; }

JavaScript

stack