Ao invés de ocupar a largura toda da página ele centraliza de deixa com dois espaços em branco em volta.
Acho que o problema está relacionado com o "width: 940px;". Pois quando eu retido essa propriedade o header a largura volta a ocupar a largura total da pagina
Ops.. Nem me liguei que o Caps tava ligado quando digitei o título... não estou gritando não kkk
CSS
header{
background: #BBBBBB; /* cor do fundo */
padding: 20px 0;
}
.caixa{
position: relative; /* levanta o posicionamento da class caixa*/
width: 940px;
margin: 0 auto;
}
nav{
position: absolute;
top: 110px;
right: 0;
}
nav li{
display: inline-block; /* transforma block em inline */
margin: 0 0 0 15px; /* direita 0, baixo 0, cima 0, esqueda 15px*/
}
nav a{
text-transform: uppercase; /* transforma texto minusculo em maiusculo */
color: #000000; /* muda cor do texto para preto */
font-weight: bold; /* negrito */
font-size: 22px; /* tamanho da fonte */
text-decoration: none; /* texto sem decoração automatica */
}
--------------------------------------------------------------------------------
HTML
</head>
<body>
<div class="caixa">
<header>
<h1><img src="./imagens_pag_produtos/logo.png" alt="imagem logo"></h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="Contatos.html">Contato</a></li>
</ul>
</nav>
</header>
</div>
</body>
