Wyrównanie elementu blokowego z wcięciem po lewej stronie w CSS

Wartość auto dla margin w rzeczywistości może nie tylko wyśrodkować. W zasadzie ta wartość pozwala automatycznie obliczyć wcięcie i uczynić je maksymalnie możliwym. Gdy ustawimy auto dla wcięcia lewego i prawego - element jest wyśrodkowany.

Można jednak ustawić tylko lewe wcięcie. W tym przypadku element otrzyma maksymalnie możliwe wcięcie z lewej strony i zajmie skrajne prawe położenie:

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

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* ustawiamy automatyczne lewe wcięcie */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: