Zarovnanie blokového prvku s odsadením vľavo v CSS

Hodnota auto pre margin v skutočnosti nemusí iba centrovat. V podstate táto hodnota umožňuje automaticky vypočítať odsadenie a urobiť ho maximálne možné. Keď nastavíme auto pre ľavý a pravý okraj - prvok sa vycentruje.

Je však možné nastaviť iba ľavý okraj. V tomto prípade prvok získa maximálne možné odsadenie zľava a zaujme krajnú pravú položku:

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ý ľavý okraj */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: