Layout Drill: Right-hand Navigation

gistfile1.txt

.container {
  /*
    If you have a block-level element of a certain width, margin: 0 auto;
    will how you center it inside its parent container.

    See: http://bluerobot.com/web/css/center1.html
  */
  margin: 0 auto;  
  width: 720px;
}

h2 {
  margin-top: 0;
}

nav {
  padding-left: 20px;
  width: 100px;
  float: right;
}

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}


.content {
  border-right: 2px solid #ccc;
  padding-right: 20px;
  float: left;
  width: 576px;
}

.footer {
  border-top: 2px solid #ccc;
  padding-top: 10px;
  width: 718px;
  float: left;
  
}