Padding

Imagen

El padding nos separa el texto de los bordes de la caja
Existen 4 tipos de padding:
Padding left
Padding top
Padding right
Padding bottom

Texto modificado con el padding

Texto modificado con el padding sin left, right, bottom y top

Texto modificado con el padding usando height y width

Margin

El margin nos separa la caja del resto de las cajas

Texto modificado con margin y border radius

Texto modificado con margin y border radius y border de color azul

Caja y texto modificado con rotate