Poravnanje blok elementa sa levim odstupom u CSS-u

Vrednost auto za margin zapravo može ne samo da centrira. U stvari, ova vrednost omogućava automatski proračun odstupa i čini ga maksimalno mogućim. Kada postavimo auto za levi i desni odstup - element se centrira.

Možemo, međutim, postaviti samo levi odstup. U tom slučaju, element će dobiti maksimalno mogući levi odstup i zauzeće krajnju desnu poziciju:

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

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* zadajemo automatski levi odstup */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: