CSS Relleno Superior

Cómo crear espacio superior entre el borde y el texto?
Relleno Superior en html usando una hoja de estilo

Explicación

Propiedad :

Relleno Superior

Usage:


padding-top: 10px;
padding-top: 10pt;
padding-top: 10%;
padding-top: auto;

Definición:
Esto establecerá el relleno superior de un 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-top: 20px;">probando relleno superior</div>

Resulta:


probando relleno superior

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

Resulta:


probando relleno superior


Ejemplo 3:


<div style="padding-top: 10%;">probando relleno superior</div>

Resulta:


probando relleno superior


Ejemplo 4:


<div style="padding-top: auto;">probando relleno superior</div>

Resulta:


probando relleno superior