Justering av blockelement med vänstermarginal i CSS

Värdet auto för margin kan faktiskt inte bara centrera. I själva verket tillåter detta värde beräkning av marginalen automatiskt och gör den maximalt möjlig. När vi sätter auto för vänster och höger marginal - centreras elementet.

Man kan dock bara sätta den vänstra marginalen. I detta fall kommer elementet att få den maximalt möjliga vänstermarginalen och inta det yttersta högra läget:

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

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* sätter automatisk vänstermarginal */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: