JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:1000px">
  <div id="left">1</div>
  <div id="right">Date/Time</div>
  <div id="center">Lots of text in here that can be any size....</div>
</div>

CSS

#left {
    float: left;   
    width: 20%;
    background-color: aqua;
}

#center {
   margin-left: 20%;
    margin-right: 100px;
    background-color: blue;
}

#right {
    float: right;
     width: 100px;   
    background-color: red;
}