2 aspectos fundamentales que debes saber sobre las márgenes

1. ¿Qué es un margen?
   Un margen es el espacio que separa a dos elementos HTML entre sí.
   Se puede asignar una medida a cada lado del margen de la siguiente manera:

• margin-top: Define el margen superior.
• margin-bottom: Define el margen inferior.
• margin-right: Define el margen derecho.
• margin-left: define el margen izquierdo.

Nota: Se puede centrar un elemento html colocándole el valor de margin: 0 auto, cuando dicho elemento tiene display block.

1. ¿Qué es el margin collapsing ?
   Cuando hay dos margines de elementos HTML diferentes que colindan entre sí. El margen mayor cubre al margen menor, no se suman.
   **Por ejemplo: **
   Tenemos un objeto A con margen de 50px y un objeto B con margen de 20px.
   La suma total del margen que separa al objeto A y objeto B es de 50px, no de 70px, que seria el equivalente de sumarlos.