JSFiddle - React, Tailwind, and code Playground

by hopest

HTML

<div id="header"></div>

   <div id="columns">
     <div id="left">fdgdfg</div>
     <div id="center">222222</div>
     <div id="right">3333</div>
   </div>

  <div id="footer"></div>

CSS

#columns {
    display: table;
    width: 100%;
    box-sizing: border-box;  /* не поддерживается в CSS2 */
    margin-left: 0;
    margin-right: 0;
 
}

#left{
       background:red;
}

#columns > div,
#columns > noindex > div {
    display: table-cell;
    vertical-align: top;
    width: auto;
    box-sizing: border-box;  /* не поддерживается в CSS2 */
}