JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<div id="main">
		<div id="header"><p>шапка</p></div>
		<div id="Nav"><p>Навигация</p></div>
		<div id="content"><p>контент</p></div>
		<div id="footer"><p>подвал</p></div>
	</div>	
</body>

CSS

body{margin:0}
p{
	text-align:center;
}

#main{
	width:600px;
	height:300px;
	border: 1px solid;
	margin: 0 auto;
}

#header{
	height:70px;
	border: 1px solid;
	background:green;
}

#Nav{
	width: 150px;
	height: 200px;
	border: 1px solid;
	background: blue;
	float:left;
}
#content{
	height:300px;
	border: 1px solid;
	background:red;
	
}
#footer{
	height: 50px;
	border: 1px solid;
	background:#525252;
}