Reset de formato | HTML5 y CSS3 parte 2: Posicionamiento, listas y navegación | Alura Latam

<head>
    <meta charset="utf8">
    <title>Productos - Barbería Alura  </title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="productos.css">
</head>
<body>
    <header>
        <div class="caja">
            <h1><img src="imagenes/logo.png"></h1>
            <nav>
            <ul>
                <li ><a href=index.html> Home</a></li>
                <li ><a href=Productos.html>Productos</a></li>
                <li ><a href=Contacto.html> Contacto</a></li>                     
            </ul>
        </nav>
        </div>

     </header>
</body>

=============Código productos.css====== header{ background-color: #BBBBBB; padding: :20px 0; } .caja{ width: 940px; position: relative; 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; }