1
resposta

minha resposta

produtos.html:

    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="produtos.css">
</head>
<body>
    <header>
        <div class="caixa">
            <h1><img src="logo.png"></h1>

            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="produtos.html">Produtos</a></li>
                    <li><a href="contato.html">Contato</a></li>
                </ul>
            </nav>
        </div>
    </header>
</body>

produtos.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;

}
1 resposta

Olá, Welliton.

Tudo bem?

Valeu por compartilhar, é bom ver a evolução do seu projeto. Continue praticando.

Qualquer dúvida manda aqui!

Bons estudos.