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

html, body {
  margin: 0;
  padding: 0;

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

  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

Browse more Codebits