El margen se utiliza para establecer la distancia directa entre el elemento y los elementos adyacentes.
Margen: 0 20px 30 0 corresponde a la distancia desde los elementos adyacentes en los lados superior, derecho, inferior e izquierdo.
30 se refiere a que el margen inferior es 30 veces el ancho de su elemento principal
Información complementaria:
1. Si el margen tiene solo tres valores, el margen estará en el orden de los valores. :arriba, derecha, abajo; si falta izquierda, según el principio, el valor de izquierda debe reemplazarse por derecha.
margen: 10px 20px 30px; igual a margen: 10px 20px 30px 20px;
2. Si el margen tiene solo dos valores, el orden de los valores es margen: arriba a la derecha; faltan Abajo e izquierda, según el principio, el valor de izquierda se reemplaza por derecho y el valor de abajom se reemplaza por superior.
margen: 10px 20px; igual a margen: 10px 20px 10px 20px;
3. Si el margen tiene un solo valor, el orden de los valores es margen: superior y Faltan left y right, según el principio, el valor de left se reemplaza por right, el valor de bottom se reemplaza por top y el valor de right se reemplaza por top, es decir, el valor de left también es reemplazado por superior.
margen: 10px; igual a margen: 10px 10px 10px 10px;