JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>

<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Макет 1</title>
	<link href="style1.css" type="text/css" rel="stylesheet">  
</head>

<body>
	<div id="wrapper">
		<div id="header">Шапка</div>
		<div id="menu">Левый блок</div>
		<div id="content">Контент</div>
		<div id="footer">Подвал</div>
	</div>
</body>

</html>

CSS

body {
    background:#202020; 
    margin: 0; 
}
   #wrapper {
    width: 800px; 
    margin: 0 auto; 
	background: #E2E2E2;
	margin: 0px auto 0px;
	padding:20px 20px 20px 20px;
}
   #header {
    height: 150px;
    background: #6666CC;
	margin:64px 64px 30px 64px;
	padding:20px auto 20px 20px;
	margin-top:3px;
	border:1px solid black;
}
   #menu {
    width: 210px; 
    height: 376px; 
    float: left; 
    background: #33CC00; 
	margin:0px 0px 35px 64px;
	margin-right:35px;
	border:1px solid black;
}
   #content {
    background: #99FFFF; 
    height: 376px; 
    float: right;
	width: 60%;
	border:1px solid black;
	
}
   #footer {
    height: 74px; 
    background: #CCCCFF; 
    clear: both; 
	margin:64px 64px 64px 64px;
	padding:20px auto 20px 20px;
	border:1px solid black;
}