Qual é a diferença entre margem e preenchimento?

margin — margem externa do elemento em relação às bordas de outros elementos. Cria um espaço vazio fora do bloco.

padding — margem interna do limite do elemento até seu conteúdo (texto, imagem, etc.). Cria um espaço vazio dentro do bloco.

/* Exemplo de CSS */

.element {
  margin: 20px;  /* Margem externa de todos os lados */
  padding: 15px; /* Margem interna de todos os lados */
  border: 1px solid black; /* Borda do elemento */
}