JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <div id="one"> BREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAK</div>
    <div id="two"> BREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAK</div>
    <div id="three">BREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAKBREAK</div>
</div>

CSS

#wrap:after {
    display: block;
    height: 0px;
    clear: both;
    float: none;
}
#wrap div {float: left;}
#one {
    width: 40%;
    background-color:red;
}
#two {
    width: 20%;
    background-color:yellow;
}
#three {
    width: 40%;
    background-color:blue;
}