JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <title>Головна сторінка</title>
    <body>
    <div id="wrapper">
      <div id="header">Header</div>
      <div id="left">Left</div>
      <div id="content">Content</div>
      <div id="right">Right</div>        
      <div style="float:none; clear:both"></div>
      <div id="footer">Footer</div>
    </div>
    </body>

CSS

#wrapper{
    width:900px;
    outline:1px solid black;
    padding:5px;
    margin:0 auto;
    }
     
    #header{
    outline:1px solid black;
    height:100px;
    margin-bottom:12px;
    }
     
    #left{
    outline:1px solid black;
    height:800px;
    margin-bottom:12px;
    width:auto;
    float:left;
    }
     
    #right{
    outline:1px solid black;
    height:800px;
    margin-bottom:12px;
    width: auto;
    float:left;
    }
     
    #content{
    outline:1px solid black;
    height:800px;
    margin-bottom:12px;
    width:auto;
    margin-left:10px;
    margin-right:10px;
    float:left;
    }
     
    #footer{
    outline:1px solid black;
    height:50px;
    }