JSFiddle - React, Tailwind, and code Playground

by Danil S

HTML

<div id="big">
    <button id="left"><</button>
    <div id="center">займи оставшуюся ширину!</div>
    <button id="right">></button>
</div>

CSS

#big{
        height: 100px;
        background-color: #4bb1cf;        
        display: table;
        width: 100%;
    }
    #left{
        width: 20px;
        height: 100%;        
        display: table-cell;
        float:left;
    }
    #right{
        height: 100%;
        width: 20px;        
        display: table-cell;        
        float:right;
    }
    #center{
        height: 100%;
        background-color: red;
        display: table-cell;          
    }