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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Основы блочной верстки (Div верстки)</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="maket">
 
<div id="header">Шапка </div>
<div id="menu">Меню</div>

<div id="left">
                <div id="left_corner">1</div>
                <div id="panel_line">2</div>
                <div id="right_corner">3</div>

</div>
<div id="right">Правая колонка</div>
<div id="content">Центральная</div>
<div id="footer">Подвал</div>
</div>
 </body>
</html>

CSS

body, html {
        margin:0px;
        padding:0px;
        background-repeat: no-repeat;
        height: 100%;
        min-height: 100%;
}

#maket {
        border: 1px solid white;
        width: 100%;
        margin: 0 50px 0 50px;
        height: 100%;
        
}

#header{
        border: 1px solid red;
        height: 225px;
}
#menu{
        border: 1px solid green;
        height: 40px;
        margin: 0 0 10px 0;
}
#left{
        border: 1px solid #00C0C0;
        width:200px;
        float:left;
}

#right{
        width:200px;
        border: 1px solid #FFFF00;
        float:right;
}

#content{
        border: 1px solid #8080FF;
        margin-left:202px;
        margin-right:202px;
}

#left_corner{
        border: 1px solid blue;
        float:left;
        width:12px;        
}

#right_corner{
        border: 1px solid blue;
        margin-left:28px;
        
}

#panel_line{
        border: 1px solid red;
        float:left;
        width:12px;        
}


#footer{
        border: 1px solid red;
        clear:both;
}