JSFiddle - React, Tailwind, and code Playground

by danield770

HTML

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

<div id="body">
	<div class="section one">SECTION ONE</div> 
	<div class="section two">SECTION TWO</div>
    <div class="section three">SECTION THREE</div> 
	<div class="section four">SECTION FOUR</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;	
    overflow:auto;
}
#footer
{
	margin: 0 auto;
	border: 1px solid #000000;
	width: 500px;
	background: #dd0000;	
}
.section
{
    width: 100px;
    height: 100px;
    background: #EEEEEE;
    float:left;
}
.two
{
    margin: 20px 0 0 10px;
}
.three
{
    margin: 80px 0 0 50px;
    
}
.four
{
    margin: 220px 0 0 -200px;
}