JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<div id="container_colone">
col one here
</div>
<div id="container_coltwo">
col two here
</div>
<div id="container_colthree">
col three here
</div>
</div>

CSS

#container {
height:230px;
border:1px solid #ff0000
}
#container_colone {
float:left;
width:40%;
height:100%;  
border:1px solid #ff0000
}
#container_coltwo {
float:left;
width:40%;
height:100%;
    
border:1px solid #ff0000
}
#container_colthree {
float:right;
width:40%;
height:100%;
border:1px solid #ff0000
}