JSFiddle - React, Tailwind, and code Playground

HTML

<div id="left">left</div>
<div id="center">center</div>
<div id="right">right</div>

CSS

#left {
    background: #aaf;
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

#right {
    background: #afa;
    width: 100px;
    position: absolute;
    top: 0;
    right: 0;
}

#center {
    background: #faa;
    position: absolute;
    left: 100px;
    right: 100px;
}



div {
    text-align: center;
    heigh: 200px;
    line-height: 200px;
}