Margen, es el espacio que separa a un objeto con los que le rodean.
Padding (relleno), es el espacio que separa el borde del objeto con lo que haya en el interior.
Con el margen, podemos separar nuestro objeto (azul), de los otros objetos, con el padding podemos separar el contenido de un objeto, en este caso el texto lo separamos para evitar que esté justo en los bordes.
Si es trasparente, es muy confuso saber si estamos separando por margen o padding, porque visualmente puede parecer lo mismo, pero cuando cambian la disposición, por ejemplo el paso de ordenador a movil.
Por eso es fundamental practicar la diferencia entre relleno (padding) y el margen.
También hay que tener en cuenta el borde, muchas veces no tendrá borde por lo que no influirá, pero si se pone un borde y tiene el mismo color de fondo influye en como se ve el objeto y si tiene el mismo color será más complejo de ver.
Una ayuda indispensable, es en el navegador (Google Chrome o Mozilla), el poder «inspeccionar», ya que tienen una representación gráfica de los objetos.
