CSS Margen Superior

Cómo crear un gran espacio en blanco entre dos párrafos en html?
Establecer un margen superior usando una hoja de estilo.

Explicación

Propiedad :

Margen Superior
Uso:
margin-top: 10px;
margin-top: 10pt;
margin-top: 10%;
margin-top: auto;

Definición:
Muchas veces necesitaremos establecer margen para nuestros objetos. Esto establecerá el margen superior del objeto.
Toma los siguientes valores.
a)pt : Puedes establecer valores en puntos (ej: 10pt o 100pt).
b)px : Puedes establecer valores en píxeles (ej: 10px o 100px).
c)% : Puedes establecer valores en porcentaje (ej: 10% o 100%).
d)auto : Esto establece margen automático.

Ejemplo 1:


<div style="margin-top: 20px;">probando margen superior</div>

Resulta:


tprobando margen superior

Nota: Puedes ver que el texto se ha movido 20 píxeles desde la línea Resultado.

Ejemplo 2:


<div style="margin-top: 30pt;">probando margen superior</div>

Resulta:


probando margen superior

Note: Puedes ver que el texto se ha movido 30 puntos desde la línea Resultado.

Ejemplo 3:


<div style="margin-top: 10%;">probando margen superior</div>

Resulta:


probando margen superior

Nota: Puedes ver que el texto se ha movido 10% desde la línea Resultado.

Ejemplo 4:


<div style="margin-top: auto;">probando margen superior</div>

Resulta:


probando margen superior