JSFiddle - React, Tailwind, and code Playground

by KendoDev

HTML

<div class="container">
    
                <div class="left" >
                    .
                </div>
                <div class="middle">
                
                </div>
                <div class="right">
                    .
                </div>
           
</div>

CSS

.container {
    width: 500px;
}
.left{
    background: green; 
    width: 50px;
    display:table-cell;
}
.middle{    
    width: 50px;
    background: none; 
    display:table-cell
}
.right{
    background: red;
    display:table-cell;    
    width: 50px;
}