JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="left">Left Content</div>
    <div class="left">Left2 Content</div>
        <div class="left">Left2 Content</div>
    <div class="right">right Content</div>
    <div class="right">right2 Content</div>
</div>

CSS

.container{
 	position: relative;
}

.left{
 	float: left;   
    width: 30%;
    background-color: Silver;
    text-align: center;
}

.right{
 	float: right;
    width: 30%;
    background-color: Yellow;
    text-align: center;
}