JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "container">
  <div id = "left">far left</div>
  <div id = "right">far right</div>
</div>

CSS

#container{
            border:1px solid;
}

#left{
           text-align:left;
           border:1px solid red;
           display:table-cell;
}

#right{
           text-align:right;
           border:1px solid blue;
           display:table-cell;
}