3rdproject.html

<!DOCTYPE html>
<html>
<head>
<style>
    header,footer,div {
         border :solid;	
		 text-align: center;
		 margin: 5px;
	}
	header {
	 padding : 20px;
	}
    body {
	 margin :0;
	}	
	.container1,.container2 ,.container3{
	 display: inline-block;
	 padding:50px 0;
	 margin: 0;
	
	}
	.container1{
	 width :25%;
	 
	 margin-left: 5px;
	}
	.container2{
	width :48%;
	
	}
	.container3{
	
	width :25%;
	}
	
	</style>
</head>
<body> 

<header>header</header>

<div>navigation</div>

<div class="container1">content</div>


<div class="container2">Main content</div>

<div class="container3">content</div>

<footer>footer</footer>


</body>
</html>