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

Estou com dúvida no curso de Dando os primeiros passos na web com HTML e CSS, no exercício do capítulo Elementos estruturais, imagens e tabelas.

Tentei centralizar o meu nav conforme colocado aqui:

    <nav>
        <ul>
            <li><a href="http://caelum.com.br">Mousse de Maracujá</a></li>
            <li><a href="http://caelum.com.br">Torta de Chocolate</a></li>
            <li><a href="http://caelum.com.br">Geléia de Morango</a></li>
            <li><a href="http://caelum.com.br">Pavê de Limão</a></li>
        </ul>
    </nav>
nav ul li {
    display: inline;
    margin-right: 50px;
}

Gostaria de saber como posso fazer a centralização do menu. Já busquei diversas formas (envelopei a tag <nav>com <div>, atribui css para a div, coloquei margin: auto, e também margim: 0 auto, e nenhuma das alternativas funcionou. O menu nav continua descentralizado.

3 respostas
solução!

Fala maninho! Tentou colocar um align="center" na nav? testa aí!

<nav align="center">
            <ul>
                <li><a href="http://caelum.com.br">Mousse de Maracujá</a></li>
                <li><a href="http://caelum.com.br">Torta de Chocolate</a></li>
                <li><a href="http://caelum.com.br">Geléia de Morango</a></li>
                <li><a href="http://caelum.com.br">Pavê de Limão</a></li>
            </ul>
        </nav>
}

Felipe, muito obrigado amigo!! Deu certinho aqui. Ficou perfeito! Matou a minha dúvida.

Valeu mesmo!!

Lembrando que quando se trata de configuração visual da página, o melhor é usar o CSS:

nav {
  text-align: center;
}