1
resposta

Display inline não funciona para o "nav li" no css

Olá!

Fiz o código exatamente como o escrito na aula, mas não está funcionando:

HTML:

<!DOCTYPE>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <title>Produtos - Barbearia Alura</title>
        <link rel="stylesheet" href="produtos.css">
    </head>
    <body>
        <header>
            <h1><img src="logo.png" class="logo"></h1>

            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="produtos.html">Produtos</a></li>
                    <li><a href="contato.html">Contato</a></li>
                </ul>
            </nav>

        </header>
    </body>
</html>

CSS:

nav li {
    display: inline;
}
1 resposta

Ola Bernardo, tudo bem?

Repliquei seu codigo no meu computador e funcionou.

Sugiro voce verificar o nome do seu arquivo CSS, se o mesmo corresponde ao que foi importado:

'produtos.css'

<link rel="stylesheet" href="produtos.css">

E/ou se o mesmo esta na mesma pasta do seu arquivo HTML.

att

Mauricio