Margem é o espaço fora de uma caixa em uma página web, mantendo-a afastada das caixas próximas. Pense no espaço entre dois móveis: ele não faz parte de nenhum deles, mas evita que fiquem apertados um contra o outro.
Por exemplo, um título pode ter margem abaixo para que o próximo parágrafo não toque nas palavras. Alterar a margem afasta ou aproxima o conteúdo ao redor.
Margem é diferente do preenchimento, que é o espaço dentro de uma caixa ao redor do próprio conteúdo. Essa diferença ajuda a mover um item sem alterar o espaço interno.