JSFiddle - React, Tailwind, and code Playground

HTML

<div id='left'>
    text here text here 
    text here text here
    text here text here
    text here text here
    text here text here
    text here text here
    text here text here
    text here text here
    text here text here
    text here text here
    text here text here
    text here text here
    text here text here
    text here text here
    text here text here
</div>

<div id='right'>
    <div id='right-top'>
        text here text here
        text here text here
        text here text here
        text here text here
        text here text here
        text here text here
        text here text here
    </div>
    <div id='right-bottom'>
        text here text here
        text here text here
        text here text here
        text here text here
        text here text here
        text here text here
    </div>
</div>

CSS

#left
{
    width:49%;
    border:1px solid blue;
    display:inline-block;
    vertical-align:top;
}

#right
{
    width:49%;
    display:inline-block;
}

#right-top
{
    border:1px solid green;
}

#right-bottom
{
    border:1px solid red;
}