Los cuatro valores de la propiedad margin en CSS
En el caso de que se especifiquen cuatro valores en la propiedad margin, el primer valor define el margen superior. El segundo valor determina el margen derecho, el tercero - el inferior, y el cuarto - el izquierdo. Es decir, comenzamos desde la parte superior y vamos en el sentido de las manecillas del reloj: arriba-derecha-abajo-izquierda. Vea el ejemplo:
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
margin: 10px 20px 30px 40px;
}
:
Repita la página según este ejemplo: