JSFiddle - React, Tailwind, and code Playground

by ravimallya

HTML

<div class="fixedl">1</div>
<div class="fuild">3</div>
<div class="fixedr">2</div>

CSS

.fixedl{
    height:40px;
    width:40px;
    float:left;
    background:green;
}
.fixedr{
    height:40px;
    width:40px;
    float:right;
    background:green;
}
.fuild{
    overflow:hidden;
    height:40px;
    background:red;
margin:0 40px;
}