Propriedade margin-left

A propriedade margin-left define a margem externa esquerda do elemento. Os valores da propriedade podem ser quaisquer unidades de tamanho ou a palavra-chave auto, que permite ao navegador calcular automaticamente a margem do elemento.

Sintaxe

cssseletor {
  margin-left: valor;
}

Exemplo

Vamos definir uma margem externa esquerda de 50px para um bloco:

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;
}

Результат:

Veja também

  • a propriedade margin-top,
    que define a margem externa superior
  • a propriedade margin-bottom,
    que define a margem externa inferior
  • a propriedade margin-right,
    que define a margem externa direita
  • a propriedade margin,
    que é uma abreviação para as margens externas
  • a propriedade padding,
    que define a margem interna