JSFiddle - React, Tailwind, and code Playground

HTML

<div id="layout">
    <div class='left'>sdfsdf</div>
    <div class='right'>sdfsdfsdf</div>
   <div class='center'>sdfsdfsdf</div>
   
</div>

CSS

.left {
width: 20%;
float:left;
background: red;
}
.right {
width: 20%;
float:right;
background:blue;
}
.center {
margin:0 auto;
width: 60%;
background:green;
}