2
respostas

A tag div não está sendo detectada no html

<!DOCTYPE html>
<html>
  <head>
      <meta charset="UTF-8">
      <lang="pt-br">
      <title>Produtos-Barbearia Alura</title>

      <link rel="stylesheet" href="C:\Users\rfael\Downloads\reset.css">

      <link rel="stylesheet" href="produtos.css">
      <style>
      </style>
    </head>
<body>
    <header>
    <div class="caixa">
            <h1><img class="brabo" src="logoprojeto.png"></h1>
              <nav>
                      <ul>
                          <li><a href="index.html">Home</a></li>
                          <li><a href="produtos.html">Produtos</a></li>
                          <li><a href="contatos.html">Contatos</a></li>
                      </ul>
              </nav>
      </div>
     </header>
</body>
</html>
header{
  background: #BBBBBB;
}
.caixa{
  position: relative;
  width: 940px;
}

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

nav li{
  display: inline;
  margin: 0 0 0 15px
}

 nav a{
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
  font-size:20px;
  font-weight: bold;
 }
2 respostas

Oi Rafael, tudo bem?

Rodei o seu código aqui e me parece tudo normal, você poderia dar mais detalhes do que não está funcionando corretamente?

Veja que no seu HTML você possui uma div com classe "caixa", e no CSS você está estilizando com o seletor .caixa, funcionando normalmente.

A única correção que eu faço no seu código é a respeito da tag <lang="pt-br">, não existe essa tag na verdade, a linguagem nós colocamos dentro da tag HTML, dessa forma:

<html lang="pt-br">

Fico no aguardo da sua resposta para conseguir te auxiliar melhor, abraços!

Também achei falta de detalhes sobre o problema enfrentado