Consolidando conhecimento | HTML5 e CSS3 parte 2: posicionamento, listas e navegação

HTML:

    <nav>
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="produtos.html">Produtos</a></li>
        <li><a href="contatos.html">Contatos</a></li>
      </ul>
    </nav>
  </div>
</header>

CSS: header { background: #bbbbbb; padding: 20px 0; }

.caixa { position: relative; width: 940px; margin: 0 auto; }

nav { position: absolute; top: 110px; right: 0; }

nav li { display: inline; margin: 0 0 0 15px; }

nav a { text-transform: uppercase; color: #000000; font-weight: bold; font-size: 22px; text-decoration: none; }