Diferencia entre padding y margin

Padding define el espacio interior del elemento. Crea un espacio desde el borde del elemento hacia adentro.

El margin es el espacio exterior del elemento.

Nota:

  • Las tablas no aceptan la propiedad de padding pero si de margin.
  • Las celdas no aceptan la propiedad de margin pero si de padding.
  • Las etiquetas como <div>,<h1>…<h6>,<p>,<ul> y <li> aceptan ambas propiedades.