Blokk elem bal margóval történő igazítása CSS-ben

A auto érték a margin tulajdonságnak valójában nem csak középre igazításra használható. Ez az érték lényegében lehetővé teszi a margó automatikus kiszámítását és a maximális lehetséges érték beállítását. Amikor a bal és a jobb margóra is auto értéket állítunk be - az elem középre igazódik.

Azonban beállíthatjuk csak a bal margót is. Ebben az esetben az elem a maximális lehetséges bal margót kapja, és a szélső jobb pozícióba kerül:

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

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* automatikus bal margó beállítása */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: