JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div id="left">  left   </div>
    <div id="middle">  middle </div>
    <div id="right" >  right  </div>
</div>

CSS

.container {
    /* You can set a width here to contain the elements to a specific width */
    /* width: 960px; */
}
#left {
    width: 20%;
    float: left;
    background: #ccc;
}
#middle {
    width: 60%;
    float: left;
    display: block;
    background: #ddd;
    text-align: center;
}
#right {
    width: 20%;
    float: right;
    background: #bbb;
}