JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Пробный сайт</title>
<link rel="stylesheet" type="text/css" href="style.css">

</head>
<script type="text/javascript">
  window.status=:Мой первый сайт: <!-- Показывает надпись в нижнем углу экрана "готово" -->
</script>

<body>
<div id="all"> 
    <div id="shapka" href="">
    <div id="logo"></div>
    <h1>ШАПКА</h1>
    </div>
    
<div id="mybox"><!-- Контейнер для 3 блоков -->

        <div id="nav">
        
        </div>
        <div id="reklama">
        </div>
        <div id="text"><code>НАПОЛНЕНИЕ</code></div>
        
        

    














</div>
    </body>
</html>

CSS

*{margin: 0; padding: 0;}

#all    
{              /*Главный блок*/
    margin: 0 auto; /*Отступ*/
    text-align: left; 
    width: 1200px;
    height: 900px;
    border: 5px solid green /*рамка*/
}
    
#shapka
{
    margin: 0 auto;
    text-align: center;    
    background: #ccc;
    width: 1200px;
    height: 180px;
    
}    



#mybox {height: 720px; overflow: hidden;}

#nav
{    
    width: 200px;
    height: 750px;
    background-color: #999;
    float: left;
    border: double black 4px;
}

#text 
{
   
    background-color: #f0f;
    overflow:hidden;
    
}

#reklama
{
    width: 200px;
    height: 720px;
    background-color: #992;
    float: right;
    border: double black 4px;
    
    
}