Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Não consigo ver meu erro. O display não fica horizontal

`

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

`

5 respostas

Boa tarde, para corrigir, você pode colocar o nav li como display: inline-block. Ficará assim: nav li { display: inline-block;}

solução!

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.