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