JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>MATARO</title>
 
 </head>
 <body>
 
 <div id="cont">
     <div id="otziv"><a href="#"></a></div>
         <div id="main">
              <div id="container">
  
                  <div id="header"> </div>
                  <div id="nav"></div>
   
                  <div id="content"></div>
   
                   <div id="aside"></div>
             </div>
         <div id="footer"></div>
         </div>
     </div>
 </body>
</html>

CSS

body {
    font: 0.8em Arial, Helvetica, sans-serif; /* Шрифт на веб-странице */
    background: #FFF; /* Цвет фона */
    margin:0;
    padding-left:50%;

}
   
 #otziv{
     
    background: url("../imgs/otziv.jpg") no-repeat scroll 0 0 transparent;
    height: 197px;
    width:55px;
    float:left;
    position:relative;
    left:10px;
    top:152px;
    
 
 }  
 
 
 
 #main{
 
 float:left;
 width:1000px;
     background: url("../imgs/shadow.jpg") repeat-y scroll 0 0 transparent;
 
 }
 
 #cont{
    margin-left: -550px;
    position: relative;
    width: 1100px;
  }
  

 #container {
    height: auto;
    width: 1000px;
}

   
 
  
  #nav {
    float: left;
    padding-left: 19px;
    width: 213px;
}
   #content {
    float: left;
    width: 540px;
}
   
  
  
   

   
  #aside {
    color: #000000;
    float: right;
    padding-top: 0;
    width: 217px;
}
   
#footer {
    background: none repeat scroll 0 0 #F5F3F3;
    clear: both;
    float: left;
    left: 12px;
    list-style-type: none;
    padding-top: 10px;
    position: relative;
    width: 979px;
}