Подравняване на блоков елемент с отстъп отляво в 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;
}

Результат: