Website Layout

Stylesheet

#header {
	background: pink;
	height: 50px;
}

#header-left {
	background: green;
	display: inline-block;
}

#header-right {
	background: orange;
	float: right;
}

#main {
	background: purple;
	height: 100px;
}

#footer {
	background: green;
}

Page Coding

<div id="main-div">

<div id="header">
<div id="header-left">
header left
</div>
<div id="header-right">
header right
</div>
</div>

<div id="main">
main area
</div>

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

view on codepen