Partes de una Caja: El Margen

expand

Margin Box

Margen de la caja

El margen es la capa más externa. Envuelve contenido, relleno y borde, creando espacio en blanco entre cajas y otros elementos.

swap_horiz

Espacio invisible

Aleja otros elementos de la caja

add_circle

Valores positivos y negativos

Negativos pueden superponer elementos

straighten

Control con margin

Usa la propiedad margin

📄

Contenido

Margin Top
Margin Bottom
Margin Left
Margin Right
code

Ejemplo de CSS

.caja {
margin: 10px;
margin-left: 50px;
margin-top: -5px;
}