Lohkoelementin tasaus vasemmalla marginaalilla CSS:ssä

Arvo auto margin-ominaisuudelle ei itse asiassa keskitä vain. Käytännössä tämä arvo antaa marginaalin laskettavan automaattisesti ja tehdä siitä mahdollisimman suuren. Kun asetamme auto vasemmalle ja oikealle marginaalille - elementti keskistetään.

Voidaan kuitenkin asettaa vain vasen marginaali. Tässä tapauksessa elementti saa mahdollisimman suuren vasemman marginaalin ja vie äärimmäisen oikean asennon:

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

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* asetetaan automaattinen vasen marginaali */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: