Propiedad margin-left

La propiedad margin-left establece el margen exterior izquierdo de un elemento. Los valores de la propiedad pueden ser cualquier unidad de tamaño o la palabra clave auto, que permite al navegador calcular automáticamente el margen del elemento.

Sintaxis

cssselector {
  margin-left: valor;
}

Ejemplo

Establezcamos un margen exterior izquierdo de 50px para un bloque:

html<div id="parent">
  <div id="elem"></div>
</div>
css#parent {
  border: 1px solid green;
  display: inline-block;
}
#elem {
  margin-left: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

Véase también

  • la propiedad margin-top,
    que establece el margen exterior superior
  • la propiedad margin-bottom,
    que establece el margen exterior inferior
  • la propiedad margin-right,
    que establece el margen exterior derecho
  • la propiedad margin,
    que es la abreviatura para los márgenes exteriores
  • la propiedad padding,
    que establece el relleno interior