JSFiddle - React, Tailwind, and code Playground

by master1991

HTML

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

CSS

.wrap{
    text-align:center
}
.left{
    float: left;
    background:grey
}
.right{
    float: right;
    background:red
}
.center{
 
    background:green;
    margin:0 auto;
   display:inline-block
}