Plokk elemendi joondamine vasaku taanega CSS-is

Väärtus auto atribuudile margin ei suuda tegelikult ainult keskele joondada. Tegelikult võimaldab see väärtus taande automaatselt arvutada ja muuta selle maksimaalselt võimalikuks. Kui määrame auto nii vasakule kui paremale taandele - element joondub keskele.

Võime aga määrata ainult vasaku taande. Sel juhul saab element maksimaalse võimaliku vasaku taande ja asub äärmiselt paremal positsioonil:

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

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* määrame automaatse vasaku taande */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: