Justering av blokkelement med innrykk fra venstre i CSS

Verdien auto for margin kan faktisk ikke bare sentrere. I bunn og grunn tillater denne verdien at innrykket beregnes automatisk og gjøres maksimalt mulig. Når vi setter auto for venstre og høyre marg - blir elementet sentrert.

Man kan imidlertid bare sette venstre marg. I dette tilfellet vil elementet få et maksimalt mulig innrykk fra venstre og innta den ytterste høyre posisjonen:

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

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* setter automatisk venstre marg */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: