JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">HEARDER</div>

<div id="body">
	<div id="section_one">SECTION ONE</div>
	<div id="section_two">SECTION TWO</div>
</div>

<div id="footer">FOOTER</div>

CSS

#header
{
	margin: 0 auto;
	border: 1px solid #000000;
	width: 500px;
	background: #aa0000;	
}
#body
{
	margin: 0 auto;
	border: 1px solid #000000;
	width: 500px;
	background: #ff0000;	
}
#footer
{
	margin: 0 auto;
	border: 1px solid #000000;
	width: 500px;
	background: #dd0000;	
}

#section_one
{
	position: relative;
    width: 100px;
    height: 100px;
    background: #EEEEEE;
	top: 10px;
	left: 10px;
}
#section_two
{
	position: relative;
    width: 100px;
    height: 100px;
    background: #EEEEEE;	
	top: 10px;
	left: 150px;
}