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
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
hoje, com a Alura e o Google Gemini
É 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.