Relleno con CSS

El relleno se comporta exactamente igual que los márgenes con la excepción que deja el espacio blanco entre el elemento y los bordes, o en caso que no posea bordes, con el margen.

Las propiedades del relleno (padding en inglés) nos permiten definir el ancho de los mismos.

Por ejemplo, podemos definir la siguiente clase CSS:

.content {padding:30px; border:thin solid}

Y luego tener un <div class=»content»> de la siguiente forma:

<div class="content">Texto separado 30 píxeles del los bordes.</div>

Obteniendo como resultado:

Tabla de las propiedades de padding (relleno)