Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

O meu menu não está no local indicado conforme o vídeo. Não sei onde errei.

meu código html é

<!DOCTYPE html>
<html> 

<head>
    <meta charset="utf-8">
    <title>Barbearia - Produtos</title>
    <link rel="stylesheet" type="text/css" href="reset.css">
    <link rel="stylesheet" href="produtos.css">


</head>
<header>
    <h1><img src="logo.png"></h1>

    <div class="caixa">

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



</body>

</html>

meu código css é

header {

    background: #BBBBBB;
    padding: 20px 0;
}
.caixa {

    position: relative;
    width:  940px;
    margin:  0 auto;
}

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


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

}

não sei onde errei nos códigos, para mim ta igual praticamente.

1 resposta
solução!

eu vi aqui, eu tinha colocado o h1 fora da tag div