CSS Layouts

My Website

My Site

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 */

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s