lo que hicimos en clase

<link rel="stylesheet" href="reset.css">

<link rel="stylesheet" href="productos.css" >

<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>

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; }