Como usar margin para controlar o espaço externo entre elementos
A propriedade margin define o espaço externo ao redor de um elemento, separando-o dos elementos vizinhos.
Carregando...Você pode definir margens diferentes para cada lado.
Carregando...A propriedade margin aceita de um a quatro valores. A ordem segue o sentido horário: cima, direita, baixo, esquerda.
Carregando...Uma das utilizações mais comuns de margin é centralizar um elemento com largura definida dentro do seu contêiner.
Carregando...O valor auto faz o navegador calcular margens iguais nos dois lados horizontais, centralizando o elemento.
O CSS aceita valores negativos de margin. Isso move o elemento para fora da sua posição normal, sobrepondo elementos vizinhos.
Carregando...Use com cuidado: margens negativas podem quebrar o layout se aplicadas sem atenção.
Quando dois elementos com margens verticais ficam um ao lado do outro no fluxo da página, as margens não somam: a maior prevalece.
Carregando...O espaço entre os dois será 30px, não 50px. Esse comportamento se chama colapso de margens e é específico do eixo vertical.