JSFiddle - React, Tailwind, and code Playground

HTML

<div class="right">1</div>
<div class="fluid">3</div>
<div class="left">3</div>

CSS

.right{
    height:40px;
    width:40px;
    float:left;
    background:green;
}

.left{
    height:40px;
    width:40px;
    float:right;
    background:green;
}

.fluid{
    overflow:hidden;
    margin-right: 50px;
    height:40px;
    background:red;
}
div{
    border:1px solid yellow;
}