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

Centralizando o conteúdo da seção de navegação

Fiquei com dúvida na pergunta abaixo: "Se quisermos centralizar o conteúdo da seção de navegação (que contém links para outras páginas do site), mantendo-a com a mesma largura que temos agora (página inteira), qual das opções abaixo devemos usar? Aplique essa mudança no seu projeto."

Se eu usar o text-align: center, conforme diz na resposta correta desta questão, os links de navegação são centralizados mas os 'bullet points' não são. Como fazer para centralizá-los juntamente com os links?

<aside>
    <h1>João da Silva</h1>
    <nav>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="portfolio.html">Portfolio</a></li>
            <li><a href="bio.html">Sobre mim</a></li>
            <li><a href="blog.html">Blog</a></li>
            <li><a href="contato.html">Contato</a></li>
        </ul>
    </nav>
</aside>
aside {
    text-align: center;
}
1 resposta
solução!

Oi Débora, neste caso você precisa mudar a propriedade que configura a posição dos bullets points, que por padrão, se localizam fora dos items de lista.

Na tag ul basta utilizar o seguinte código:

list-style-position: inside;