HTML

Usando el padding en html

El atributo padding es el que crea un espacio por dentro de la caja a la que se aplica, impiendo, por así decirlo, que se toque su borde.

Se suele usar en bastantes situaciones, según la necesidad que se nos plantee. En ocasiones puede servir para reemplazar al margin.

Si por ejemplo, tenemos una capa llamada id='contenedor' con un borde, y dentro de ella van a ir distintos elementos y no queremos que toquen ese borde. Podemos optar por poner un "margin" a cada uno de los elementos que vayan dentro de esa capa o ponerle un "padding" a la capa id='contenedor' que impedirá que ningún elemento dentro de ella toque el borde.

La sintaxis del padding es sencilla:

padding:10px; Esto creará un "hueco interno" de 10 píxeles alrededor de la capa.
padding:1px 2px 3px 4px; Esto creará un hueco de 1 píxel por arriba, de 2 píxeles por la derecha, de 3 píxeles por abajo y de 4 píxeles por la izquierda.
padding:10px 5px; Esto creará un hueco de 10 píxeles por arriba y por abajo y de 5 píxeles por los lados.