<!DOCTYPE html>
<html>
  <head>
    <link href='http://fonts.googleapis.com/css?family=Raleway:400, 600' rel='stylesheet' type='text/css'>
	<link rel='stylesheet' href='style.css'/>
  </head>
  <body>
    
    <div class="header">
      <div class="container">
        <ul class="nav">
          <li>About</li>
          <li>Work</li>
          <li>Team</li>
          <li>Contact</li>
        </ul>
      </div>
    </div>


  </body>
</html>
html, body {
  margin: 0;
  padding: 0;
}

.container {
  width: 940px;
  margin: 0 auto;
}

.header{
  background-color: #333333;
}

.nav {
  margin: 0;
  padding: 20px 80px;
}

.nav li {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  width: 60px;
  /* When you float, why do the item dots dissappear here in CC but not if you copy the code out to local files? */
float: left;
  /* A better way to get the list items to form a line: */
/* display: inline; */
}






Created from scratch
0 forks
16 views

Browse more Codebits