Haz lo que hicimos en el aula | HTML5 y CSS3 parte 2: Posicionamiento, listas y navegación | Alura Latam

<!DOCTYPE html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

    <title>Producto Alura</title>
    <link rel="stylesheet"  href="productos.css">
</head>
<body>
    <header>

        <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="http://www.google.com">Contacto</a></li>
        </ul>
        </nav>
    </header>

</body>
</html>

header{

    background-color: #bbbbbb;
}
nav li{

    display: inline;/* que la linsta este en linea */
    margin: 0 0 0 15px;/* espacio en las listas  */
}

nav a{

    text-transform: uppercase;/* convertimos a mayusculas */
    color: #000000;
    font-weight: bold;/*colocamos negrita*/
    font-size: 22px;
    text-decoration: none;/*quitamos decoreacion de texto*/

}