JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
    <head>
        <style>
        *{padding:0;margin:0}
        .container{width:200px}
        .box{display:inline-block;vertical-align:top;height:100px;background:#cac}
        .left{width:50%}
        .right{width:50%;background:#0ca}
            .lfloat{float:left}
            .clrflt{clear:both}
        </style>
    </head>
    <body>
        <div class="container">
    <div class="left box lfloat"></div>
    <div class="right box lfloat"></div>
    <div class="clrflt></div>
</div>

    </body>
</html>