Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Dúvida sobre margin

Gostaria na verdade de entender melhor a ordem dos valores de margin quando os coloco na mesma linha. Por exemplo, pra definir a margem do form foi declarado no css da seguinte forma: margin: 40px 0; (40 px para margem superior e inferior e 0 para os lados)

Porém, na declaração de margem do form label, a definição foi de: margin: 0 0 10px (0 para cima, 0 para os lados e 10px para baixo)

Como de fato devo definir esse valores? Em que ordem?

3 respostas
solução!

Oi Rafael, tudo bem? Os valores podem ser declarados da seguinte forma:

margin: 10px; /* aplicado em todos os lados */
margin: 10px 5px; /* 10px na vertical (cima/baixo) e 5px na horizontal (esquerda/direita) */
margin: 10px 5px 2px; /* 10px no topo, 5px na horizontal (esquerda/direita) e 2px pra baixo */
margin: 10px 5px 5px 10px; /* 10px no topo, 5px na direita, 5px pra baixo e 10px pra esquerda */

Pensar como um relógio pode te ajustar bastante hahahah

E claro, também pode usar o margin-top, margin-bottom, margin-left e margin-right se preferir, para alguns casos mais específicos.

Espero que tenha ajudado!

Giovanna, parabéns pela resposta. Direto ao ponto e bem esclarecedora. Obrigado.

Perfeito, Giovana! Muito obrigado.