JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container" class="cf">
<table id="content" class="cf">
<tr>
    <td id="header" colspan="2">
        <p>im header</p>
    </td>
</tr>
<tr>
    
        <td id="left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce viverra enim sit amet ante lacinia iaculis. Nullam ac nulla vel purus posuere luctus. Mauris a elit nisl. Mauris commodo convallis sem in feugiat. Suspendisse mauris leo, molestie sit amet commodo eget, mollis a nibh. Suspendisse auctor commodo interdum. Aliquam posuere, erat eget pharetra hendrerit, mi tellus tristique tellus, vel accumsan elit nisi ac diam. Morbi consequat ligula est, et volutpat ante. Curabitur pulvinar nulla non neque iaculis pulvinar sed eu sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce sodales metus et nisl dictum non ullamcorper magna blandit. Aliquam erat volutpat. Aenean id massa sed massa sollicitudin euismod sed non lorem. Sed accumsan, nisl vitae adipiscing cursus, magna enim accumsan augue, a rutrum mauris lorem non mauris. Sed consequat venenatis venenatis.

Suspendisse non leo tellus, non vulputate nunc. Etiam in justo vel erat faucibus imperdiet a sit amet ligula. Sed ultrices porta mollis. Nulla nibh turpis, ultrices in viverra ut, elementum eu risus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque bibendum vestibulum vehicula. Donec eget libero quam. Vestibulum risus nisl, sollicitudin ut viverra eget, fermentum et velit. Mauris in elit id est pharetra eleifend in a magna. Praesent mollis elit a nisl laoreet vestibulum. Sed id lectus ac augue consectetur iaculis. Proin nec augue nunc, eu fringilla quam. Cras ultricies, dolor a elementum consequat, augue enim dictum libero, ac elementum tellus risus eu sem.

Etiam consequat, tortor vel varius semper, arcu mauris ultricies nisi, eget scelerisque ipsum risus ac ante. Nullam sed auctor massa. Donec interdum libero quis nisi elementum...

CSS

#container{background:yellow;}
#header{background:pink; height:100px;}
#content{position:relative;background:purple;}/*heres parent container*/

#content #left{ vertical-align:top; background-color:#222; color:#fff;width:50%;height:500px;}
#content #right{vertical-align:top; background:papayawhip;width:50%;}
#content #right img{}
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}