JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.left {
  width: 25%;
  height: 38px; 
  float: left;
  background-color: black;
}

.center {
  width: 50%;
  height: 38px;
  float: left;
 // margin: 0  auto;
  background-color: red;
}

.right {
  width: 25%;
  height: 38px;
  float: right; 
  background-color: green;
}