1
resposta

Margin e padding

Estou com dificuldade de diferenciar o margin e o padding

1 resposta

Olá, Ezio, tudo bem ?

O margin ele tem como objetivo definir o espaçamento EXTERNO de um elemento. Na imagem abaixo, temos um botão. Caso a gente defina um margin para esse botão, será modificado apenas o espaçamento externo dele, ou seja, a parte em vermelha.

![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

Já o padding, ele define o espaçamento INTERNO de um elemento. Na imagem acima, caso a gente defina um padding, será modificado apenas o espaçamento interno do elemento, ou seja, a parte em branco.

Resumo :

Margin: Define o espaçamento EXTERNO do elemento;

Padding: Define o espaçamento INTERNO do elemento.

Espero ter ajudado !