JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="child">
        Child 1 content comes here.
    </div>
    <br />
    <div class="child">
        Child 2 content comes here.
    </div>
</div>

CSS

body { background: yellow; }
.parent { width: 100%; background: green; overflow: hidden; }
.child { width: 50%; float: left; color: #fff; }