JSFiddle - React, Tailwind, and code Playground

HTML

<div class=layout >
    <div class=left>
        left
    </div>
    <div class=right>
        right
    </div>
    <div class=center>
        center<br>
        center<br>
        center<br>
        center<br>
        center<br>
        center<br>
        center<br>
        center<br>
        center<br>
        center        
    </div>
</div>

CSS

div {
    border: 1px solid;
    background-color: #ffffff;    
    margin: 10px;
}
div.layout {
    background-color: #cccccc; 
    overflow:hidden;       
}
.left {
    float:left; width: 100px;        
}
.right{
    float:right; width: 100px;        
}
.center{
    overflow:hidden;     
}