1
resposta

Posicionamento

O display inline block não está sendo útil na segunda página mesmo eu fazendo tudo o que ele sugere. Não consigo alinhar o logo um ao lado do outro, nem o poscionar o menu no meio da caixa

1 resposta

É importante definir o "display" correto para o elemento "pai" e para o elemento "filho". Neste caso, o "filho" recebe o "display: inline-block;".

Mas quando falamos de alinhamento, é necessário definir a posição. O elemento "pai" deve receber "position: absolute;", já o elemento filho deve receber "position: absolute;".

Isto faz com que a posição do elemento "pai" seja relativa a tela, mas a do elemento "filho" seja absoluta sobre o elemento pai.

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