Solucionado
`
<nav>
<ul>
<li><a href="novabarbearia.html">Home</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
</header>header{ background: #BBBBBB; }
nav li { display: inline; }
`
Boa tarde, para corrigir, você pode colocar o nav li como display: inline-block. Ficará assim: nav li { display: inline-block;}
Amigo, estava com o mesmo problema, fui descobrir agora que o problema era o meu editor de texto.
olha, eu corrigi o meu simplesmente usando uma classe na ul de baixo. tem que lembrar que na pagina index tem duas listas não ordenadas, a do benefícios e a da navegação
Olá, Enio, tudo bem? Dá uma olhada no meu post no fórum, talvez ele possa ajudar você: https://cursos.alura.com.br/forum/topico-resolucao-problema-com-o-alinhamento-da-nav-inserindo-cabecalho-e-o-rodape-216682
Obrigado pelas respostas. Consegui entender e resolver.