3
respostas

Dúvida de espaçamento entre os componentes do container header

Olá, antes de utilizar o flex, eu tentei utilizar o margin-left:auto para fazer com que o menu fosse para a direita, ou seja, ficasse um espaço em branco entre o titulo e o menu. Mas não obtive sucesso, por que?

.cabecalhoPrincipal-titulo {
    display: inline-block;
    vertical-align: middle;
}

.cabecalhoPrincipal-nav {
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;      <= adicionei isso aqui
}

Estou tentando entender os conceitos antes de fato colocar flex.

3 respostas

Opa! Felipe!

Então coloque um valor aí no margin-left, que dará certo ! Por exemplo: margin-left: 10px; Nesse caso o elemento irá colocar um espaço de 10px

Olá joão.

Eu gostaria mesmo é que ele fosse empurrado para o final da linha, sem números mágicos.

Ah entendi, coloque o text-align:right; ele serve para alinhar qualquer texto à direita! Senão funcionar, coloque aí em qual elemento tu está tentando alinhar, fica mais fácil pra responder, se é uma DIV, ou H1 enfim ! Abcs!

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