Trabajo con relleno padding en CSS
Hemos analizado la propiedad margin,
que crea un margen hacia afuera desde el borde.
También existe una propiedad muy similar padding,
que crea un relleno hacia adentro desde el borde.
Ahora veamos con ejemplos cómo funciona esta propiedad. Primero mostraré un bloque sin relleno (su texto está pegado a los bordes):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
Y ahora establezcamos padding en 30px
para todos los lados:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
