JSFiddle - React, Tailwind, and code Playground

HTML

<div class="l1">
    <div class="l2" style="background-color: red;"><p>Lorem ipsum dolor sit amet consectetuer facilisis id Curabitur ornare lobortis. Adipiscing lacinia tempor ante sed Curabitur quis condimentum sem magna elit. Consequat Nullam Lorem montes Vestibulum orci libero iaculis ridiculus eu hendrerit. Lacus Pellentesque Cum Duis Sed ut turpis hendrerit sollicitudin Quisque pede. Condimentum augue aliquet congue mattis pellentesque mauris sem sed.</p></div>
    <div class="l2" style="background-color: green;">
        <p>Ante Morbi justo dictumst eget nec nulla ac sapien congue sapien. Quis et ut a Morbi pede Phasellus sed Pellentesque Lorem pretium. Orci nibh gravida nibh lorem leo ullamcorper nibh vestibulum Vestibulum eget. Vivamus vitae faucibus nascetur ante Duis elit et Nunc auctor Aliquam. Sodales wisi habitant Aenean sit elit.</p>
        <p>Euismod volutpat quis dapibus massa rutrum enim sit fringilla a Nullam. Facilisis nunc scelerisque sapien massa Curabitur risus id vitae quis justo. Tincidunt amet velit eget ut odio ipsum et ipsum ut tellus. Tempus a sed convallis nibh accumsan dui mus semper urna In. Curabitur quis Phasellus nec turpis ipsum condimentum Nulla Nam ac id. Sed in tincidunt pretium ligula In consectetuer pretium nec.</p>
    </div>
    <span class="clearer" />
</div>

CSS

.l2 {
    float: left;
    width: 50%;
    height: 100%;
}

.clearer {
    clear: both;
}