JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<div class="left-column">
    <div>div1</div>
    <div>div1</div>
    <div>div1</div>
</div>
<div class="center-column">
    <div>div2</div>
    <div>div2</div>
    <div>div2</div>
</div>
<div class="right-column">
    <div>div3</div>
    <div>div3</div>
    <div>div3</div>
 </div>

CSS

html{
    overflow-x:hidden;
}
.left-column
{
float:left;
width:30%;

}
.right-column
{
float:right;
width:30%;

}
.center-column
{
margin:auto;
width:30%;

}