CSS Margen Derecho
Cómo establecer el margen derecho en html usando hojas de estilo?
Explicación
Propiedad :
Margen DerechoUso:
margin-right: 10px;
margin-right: 10pt;
margin-right: 10%;
margin-right: auto;
Definición:
Muchas veces necesitaremos establecer margen para nuestros objetos. Esto establecerá el margen derecho 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 align=right style="
margin-right: 20px;">probando margen derecho</div>
Resulta:
probando margen derecho
Nota: Puedes ver que el texto se ha movido 20 píxeles desde la derecha con alineación derecha.
Ejemplo 2:
<div align=right style="
margin-right: 30pt;">probando margen derecho </div>
Resulta:
probando margen derecho
Nota: Puedes ver que el texto se ha movido 30 puntos desde la derecha con alineación derecha.
Ejemplo 3:
<div align=right style="
margin-right: 20%;">probando margen derecho </div>
Resulta:
probando margen derecho
Nota: Puedes ver que el texto se ha movido 20 % desde la derecha con alineación derecha.
Ejemplo 4:
<div align=right style="
margin-right: auto;">probando margen derecho </div>
Resulta:
probando margen derecho