CSS Layouts

body {
margin: 0;
padding: 0;
}

header {
background: #079;
color: white;
padding: 2px;
}

header h1{
margin: 5px 15px 0 15px;
display: inline;
}
.nav_links {
list-style: none;
display: inline-block;
padding: 0;
}

.nav_links li {
display: inline-block;
padding: 0px 15px;
background: lightblue;
border-radius: 5px;

}

.col {
float: left;
padding: 1px;
width: 31%;
margin: 1%;
background: lightblue;
border-radius: 5px;
}

footer {
clear: both; /* clears float */
}