Zarovnání blokového prvku s odsazením zleva v CSS

Hodnota auto pro margin ve skutečnosti nemusí pouze centrovat. V podstatě tato hodnota umožňuje automaticky vypočítat odsazení a učinit jej maximálně možným. Když nastavíme auto pro levý a pravý odstup - prvek se vycentruje.

Lze však nastavit pouze levý odstup. V tomto případě prvek získá maximálně možné odsazení zleva a zaujme krajní pravou polohu:

html<div class="parent">
  <div class="child"></div>
</div>

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* nastavíme automatický levý odstup */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: