CSS Margen Inferior
Establecer margen inferior en html usando una hoja de estilo.
Explicación
Propiedad :
Margen InferiorUso:
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