JSFiddle - React, Tailwind, and code Playground

HTML

<div class="leftb">1111111  1111111111111111111111 1111111111111   11111111
         </div>
     
         <div class="centerb">222222222222222222222222222222 22222222222222222222222222222222222 2222222222222222222222222222222222222 2222222222222222222222222222222 2222222222222222222222222222222 2222222222222222222222222222 222222222222222222222222222 2222222222222222222222222222 2222222222222222222222222222222222222222222 2222222222222222222222222222 2222222222222222222222222222222
         </div>
      
         <div class="rightb"> 33333333333333333 333333333333333333 33333333 33333 33333333 33333333333 333
         </div>

CSS

.rightb {max-width: 100px; border: 1px solid black;height: 100px;float: right;}
.centerb {min-width: 480px; border: 1px solid black;height: 100px;overflow:auto;
display:inline-block;}
.leftb {max-width: 100px; border: 1px solid black;height: 100px;float: left;}