JSFiddle - React, Tailwind, and code Playground

HTML

<div id="left"  >  left   </div>
<div id="right" >  right  </div>
<div id="middle">  middle </div>

CSS

* {border: dotted 1px red;}
      #left {
         width: 200px;
         float: left;
      }
      #middle {
         overflow: hidden;
      }
      #right {
         width: 200px;
         float: right;
      }