JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
         <div class="left"></div>
         <div class="right"></div>
         <div class="center"></div>
     </div>

CSS

html,body{
margin:0;
padding:0;
height:100%;
}

.wrap{
width:100%;
overflow:hidden;
text-align:center;
}

.left{
float:left;
width:200px;
min-height:300px;
background:green;
}

.right{
float:right;
width:200px;
min-height:300px;
background:blue;
}

.center{
display:inline-block;  
width:200px;
min-height:300px;
background:grey;
}