Estou seguindo os passos do professor porém não entendi porquê meu padding do header não funciona. Podem me ajudar?
HTML
<!DOCTYPE html>
<html>
<html lang = "pt-br">
<head>
<meta charset = "UTF-8">
<title>Produtos - Barbearia Alura</title>
<link rel= "stylesheet" href="produtos.css">
<link rel= "stylesheet" href="reset.css">
</head>
<body>
<header>
<div class = "caixacabecalho">
<h1> <img src ="C:\Users\meugf\Desktop\Alura\HTML e CSS II\Imagens\logo.png"></h1>
<nav>
<ul>
<li><a href="C:\Users\meugf\Desktop\Alura\HTML e CSS I\6_aula2_cabecalho.html">Home</a></li>
<li><a href = "1_aula4_novaPagina.html">Produtos</a></li>
<li><a href = "contato.html">Contato</a></li>
</ul>
</nav>
</div>
</header>
</body>
</html>CSS
header{
background: #BBBBBB;
padding:80px 0;
}
.caixacabecalho{
position:relative;
width: 940px;
margin: 0 auto; /*margens que se calculam automaticamente para direita e esquerda*/
}
nav{
position:absolute;
top:110px;
right:0px;
}
nav li { /*todos os itens da tag terao este estilo*/
display: inline;
margin:0 0 0 15px; /*espaçamento/margem externo: topo, direita, baixo, esquerda*/
}
nav a{ /* todos os links da tag nav terão esse estilo*/
text-transform: uppercase; /*transforma o texto em maiúsculo*/
color: #000000;
font-weight: bold ; /*muda o peso da fonte*/
font-size: 22px; /*tamanho da fonte*/
text-decoration: none; /*tira o sublinhado do texto*/
}
