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{
    width:100%;
        white-space:nowrap;
}

#parent div{
    display:inline-block;
    width:33.3%;
}

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