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

Propriedade text-align apenas no menu do aside

Olá,

No arquivo site.css, se eu incluo a propriedade "text-align: center" dentro da tag 'aside', o menu é centralizado. Fiz um teste e movi esta propriedade dentro da tag 'aside a' e nada ocorreu. Por quê?

aside{
    background-color: #3C1D3D;
    color: #F2FFFC;

}

aside h1{
    font-size: 30px;
    margin-bottom: 25px;        
}

nav a{
    color: #F2FFFC;
}

footer{
    background-color: #000;
    color: #F2FFFC;
}

main a{
    color: #851944;
}

aside a{
    color: inherit;
    font-family: "Open Sans Condensed", sans-serif;
    text-align: center;
}
1 resposta
solução!

A TAG aside é renderizada como bloco, por isso todo o conteúdo dela é centralizado, já a TAG a é renderizada como um elemento de linha (que não possui uma largura definida) e por isso não fica centralizada. Se você adicionar o seguinte CSS ele mudará a renderização do a e funcionará como um bloco, ficando então centralizada:

aside a {
    display: block;
}

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software