CSS Margen Inferior

Establecer margen inferior en html usando una hoja de estilo.

Explicación

Propiedad :

Margen Inferior
Uso:
margin-bottom: 10px;
margin-bottom: 10pt;
margin-bottom: 10%;
margin-bottom: auto;

Definición:
Muchas veces necesitaremos establecer margen para nuestros objetos. Esto establecerá el margen inferior 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 el margen automático.

Ejemplo 1:


<div style="margin-bottom: 20px;">probando margen inferior</div>

Resulta:


probando margen inferior

Nota: Puedes ver que el texto se ha movido 20 píxeles desde el margen inferior.

Ejemplo 2:


<div style="margin-bottom: 30pt;">probando margen inferior</div>

Resulta:


probando margen inferior

Nota: Puedes ver que el texto se ha movido 30 puntos desde el margen inferior.

Ejemplo 3:


<div style="margin-bottom: 10%;">probando margen inferior</div>

Resulta:


probando margen inferior

Nota: Puedes ver que el texto se ha movido 10% desde el margen inferior.

Ejemplo 4:


<div style="margin-bottom: auto;">probando margen inferior</div>

Resulta:


probando margen inferior