JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
  <div class="left">
  left
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque explicabo officia earum nam dolorem dolores at tempore reiciendis velit fugiat ducimus, suscipit soluta debitis quaerat nemo ipsum consequuntur asperiores magni.
  </div>
   <div class="right">
   right
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque explicabo officia earum nam dolorem dolores at tempore reiciendis velit fugiat ducimus, suscipit soluta debitis quaerat nemo ipsum consequuntur asperiores magni.
   </div>
  <div class="center">
  Center
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque explicabo officia earum nam dolorem dolores at tempore reiciendis velit fugiat ducimus, suscipit soluta debitis quaerat nemo ipsum consequuntur asperiores magni.
  </div> 
</div>

CSS

.header {
   width: 100%;
   height: 100px;
}
.header > div {
  border: solid 1px #000;
  box-sizing: border-box;
  padding: 1em;
 }
.left {
  width: 24%;
  min-height: 38px; 
  float: left;
}
.center {
  width: 50%;
  min-height: 38px;
  margin: 0  auto;
}
.right {
  width: 24%;
  min-height: 38px;
  float: right; 
}