CSS Relleno Izquierda

Cómo crear espacio entre el borde izquierdo y el texto?
Relleno Izquierda en html usando una hoja de estilo.

Explicación

Propiedad :

Relleno Izquierda
Uso:
padding-left: 10px;
padding-left: 10pt;
padding-left: 10%;
padding-left: auto;

Definición:
Esto establecerá el relleno por la izquierda del objeto.
Toma los valores siguientes.
a)pt : Puedes establecer los valores en puntos. (ej: 10pt o 100pt).
b)px : Puedes establecer los valores en pixeles. (ej: 10px or 100px).
c)% : Puedes establecer los valores en porcentaje. (ej: 10% or 100%).
d)auto : esto establecerá un margen automático.

Ejemplo 1:


<div style="padding-left: 20px;">probando relleno izquierda</div>

Resulta:


probando relleno izquierda

Nota: La diferencia entre relleno y margen es que el relleno establece los valores dentro de la extensión de los objetos, mientras que el margen mueve el objeto entero lejos de su objeto más cercano.

Ejemplo 2:


<div style="padding-left: 30pt;">probando relleno izquierda</div>

Resulta:


probando relleno izquierda


Ejemplo 3:


<div style="padding-left: 10%;">probando relleno izquierda</div>
No recomendamos esto porque puede causar problemas en algunos navegadores como el IE

Ejemplo 4:


<div style="padding-left: auto;">probando relleno izquierdag</div>

Resulta:


probando relleno izquierda