Uitlijning van een blokelement met linker marge in CSS

De waarde auto voor margin kan eigenlijk niet alleen centreren. In feite maakt deze waarde het mogelijk om de marge automatisch te berekenen en deze maximaal mogelijk te maken. Wanneer we auto instellen voor de linker- en rechtermarge - wordt het element gecentreerd.

Het is echter mogelijk om alleen de linker marge in te stellen. In dit geval krijgt het element een maximaal mogelijke linker marge en neemt het de uiterst rechtse positie in:

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

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* stellen automatische linker marge in */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: