JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">  
  <div id="first">Left</div>  
  <div id="second">Middle</div>  
  <div id="third">Right</div>
</div>

CSS

#parent{
    display:table;
    width:100%;
}

#parent div{
    display:table-cell;
}

#first{ text-align:left; }
#second{ text-align:center; }
#third{ text-align:right; }