CSS Relleno Inferior

Crear espacio entre el borde inferior y el texto.

Explicación

Propiedad :

Relleno Inferior
Uso:
padding-bottom: 10px;
padding-bottom: 10pt;
padding-bottom: 10%;
padding-bottom: 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-bottom: 20px;">probando relleno inferior</div>

Resulta:


probando relleno inferior

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-bottom: 30pt;">probando relleno inferior</div>

Resulta:


probando relleno inferior


Ejemplo 3:


<div style="padding-bottom: 10%;">testing bottom padding</div>

Resulta:


probando relleno inferior


Ejemplo 4:


<div style="padding-bottom: auto;">probando relleno inferior</div>

Resulta:


probando relleno inferior