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}
        </style>
    </head>
    <body>
        <div class="container">
            <div class="left box">
            </div>
            <div class="right box">
            </div>
        </div>
        <div class="container">
            <div class="left box">
            </div><div class="right box">
            </div>
        </div>
    </body>
</html>