JSFiddle - React, Tailwind, and code Playground

by sqren

HTML

<div id="container">
    <div id="left">
        left
    </div>
    <div id="middle">
        middle
    </div>
    <div id="right">
        <button>Long text of button</button>
    </div>
</div>

CSS

#container {
    display: table;
}

#left {
    display: table-cell;
    min-width: 180px;
    background-color:#ff0000;
}
#middle {
    width: 100%;
    display: table-cell;
    background-color:#00FF00;
}
#right {
    display: table-cell;
    background-color:#0000FF;
}

button {
  white-space:nowrap;   
}
}