JSFiddle - React, Tailwind, and code Playground

HTML

<div id="global">
    <div class="leftColumn">
    <div class=wrapperLeft >lorem ipsum dolor sit amet lorem ipsum dolor sit amet</div><div class=wrapperLeft >lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet</div><div class=wrapperLeft >lorem ipsum dolor sit amet lorem ipsum dolor sit amet</div><div class=wrapperLeft >lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet</div>
    </div>
    <div class="rightColumn">
        <div class=wrapperRight >lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet</div><div class=wrapperRight >lorem ipsum dolor sit amet lorem ipsum dolor sit amet</div><div class=wrapperRight >lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet</div><div class=wrapperRight >lorem ipsum dolor sit amet</div><div class=wrapperRight >lorem ipsum dolor sit amet lorem ipsum dolor sit amet</div>
    </div>
        <div class="clear"></div></div>

CSS

#global{
    width:240px;
    border:1px solid grey;
    margin:10px;
}

.leftColumn {
width: 115px;
    float: left;
}

 
.rightColumn {
width: 115px;
    float: right;
} 

.wrapperLeft{
    float:left;
    border:solid 1px red;
    width:115px;
    margin:1px;
    font-size:12px;
}

 .wrapperRight{
    float:right;
    border:solid 1px blue;
    width:115px;
    margin:1px;
    font-size:12px;
} 

.clear{
    clear:both;
}