Justering af blokelement med venstre margen i CSS

Værdien auto for margin kan faktisk ikke kun centrere. I virkeligheden tillader denne værdi beregning af margenen automatisk og gøre den maksimalt mulig. Når vi sætter auto for venstre og højre margen - centreres elementet.

Man kan dog kun sætte venstre margen. I dette tilfælde vil elementet få den maksimalt mulige venstre margen og indtage den yderste højre position:

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

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

Результат: