Propiedad padding-left

DefiniciónEstablece la anchura de la zona de relleno izquierdo de los elementos
Valores
permitidos
Uno y sólo uno de los siguientes valores:
Si se utilizan porcentajes, hace referencia a la anchura del elemento en el que se encuentra
Valor inicial0
Se aplica aTodos los elementos
Válida enmedios visuales
Se heredano
Definición en
el estándar
w3.org/TR/CSS21/box.html#propdef-padding-left

Ejemplos de uso

La propiedad padding-left establece la anchura de la zona de relleno izquierdo de un elemento, como se muestra en el siguiente ejemplo:

div { padding-left: 50px; }

Al contrario de lo que sucede con los márgenes, no es posible utilizar valores negativos para las zonas de relleno. Si se utilizan porcentajes, su referencia es la anchura del elemento contenedor.

En el siguiente ejemplo, el elemento <div> contenedor tiene establecida una anchura de 250px, mientras que el <div> interior tiene un relleno izquierdo igual a 20%, lo que en la práctica se traduce a 50px (el 20% de 250px):

div { width: 250px; }

div { padding-left: 20%; }