JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

HTML

<div id="container">
    <div id="col1">left fixed 15em</div>
    <div id="col2">center liquid</div>
    <div id="col3">right fixed 15em</div>
</div>

CSS

#container {
    background-color: #ffffff;
    height: auto;
    overflow: hidden;
}
#col1 {
    float: left;
    margin: 1em;
    padding: 0.5em;
    width: 15em;
}
#col2 {
    float: left;
    width: auto;
    overflow: hidden;
    margin: 1em;
    padding: 0.5em;
}
#col3 {
    float: right;
    margin: 1em;
    padding: 0.5em;
    width: 15em;
}