1
resposta

O meu vscode não está reconhecendo a função Inline, alguém poderia me ajudar?

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="produtos.css">
    <title> Produtos - Barbearia Alura</title>
</head>
<body>
<header> 
    <h1> <img src= "logo.png"> </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>
header  {
    background: #BBBBBB;
}

nav li {

       display: inline;

}
1 resposta

Olá, Kethelen.

Tudo bem?

O seu código está certinho, eu testei e aplicou a cor de fundo cinza normal no <header>e os links ficaram alinhados com o display: inline;, tenta fechar e abrir o VSCode. E testar outros códigos como cores por exemplo para ver se muda algo.

Qualquer coisa manda aqui de novo.