Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Margin não cria o espaço que eu coloco.

Olá. Estou tentando adicionar o espaçamento entre o Home, Contato e Produtos. O problema é que o espaçamento que coloco em Margin nao muda nada no site em si. Até ajustei o código para ficar igual ao do video (eu havia ajustado alguns valores ao meu gosto, como os das cores, e tamanhos da fonte)

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

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

^^ Codigo dos html

header{
    background: #BBBBBB;
}

nav li{
    display: inline;
    margin: 0, 0, 0, 15px;
}

nav a{
    text-transform: uppercase;
    color: black;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}

^^ Codigo do CSS

1 resposta
solução!

Oi, Murilo, tudo bem?

O código referente ao CSS apresentou um erro de sintaxe na escrita da propriedade margin. Quando escrevemos esta propriedade, os parâmetros que colocamos não devem ser separados por vírgulas.

Desse modo, para fazer com que a propriedade funcione adequadamente é necessário escrever o comando da seguinte maneira:

nav li{
    display: inline;
    margin: 0 0 0 15px;
}

Espero ter ajudado. Caso tenha outras dúvidas, estarei à disposição!

Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!