JSFiddle - React, Tailwind, and code Playground

by Trufa

HTML

<body>

      <div id="parent" style="width:100%">
          <div id="colLeft">left</div>
          <div id="colMiddle">title</div>
          <div id="colRight">right</div>
      </div>

   </body>

CSS

html, body {
          margin: 0px;
          padding: 0px;
        }

        #parent {
          background-color: #eee;
          width: 100%;
        }
        #colLeft {
          background-color: #ff8b8b;
          height: 48px;
          float: left;
          width: 60px;            
        }
        #colMiddle {
          background-color: #c9ffc3;
          height: 48px;
          text-align: center;
    width:100%;
    float:left;
    overflow:hidden;
        }
        #colRight {
          background-color: #c3d0ff;
          height: 48px;
          float: left;
        width: 60px; 
        }