Подравнување на блок елемент со оддебелување лево во CSS

Вредноста auto за margin всушност може не само да центрира. Всушност оваа вредност овозможува автоматско пресметување на оддебелувањето и да го направи максимално можно. Кога ставаме auto за левото и десното оддебелување - елементот се центрира.

Сепак, може да се постави само левото оддебелување. Во овој случај, елементот ќе добие максимално можно оддебелување лево и ќе заземе крајна десна позиција:

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

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* го поставуваме автоматското лево оддебелување */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: