JSFiddle - React, Tailwind, and code Playground

HTML

<div class="side left">I'm on the left</div>
<div class="side right">I'm on the right</div>
<div class="center">I'm between</div>

CSS

.left {
    float: left;
}

.right {
    float: right;
}

.side {
    background: rgba(0,0,200,.3);
    height: 100px;
}

.center {
    overflow: hidden;
    background: red;
}

div {
    padding: 10px;
}