Bloka elementa izlīdzināšana ar atkāpi no kreisās puses CSS

Vērtība auto margin patiesībā var ne tikai centrēt. Faktiski šī vērtība ļauj automātiski aprēķināt atkāpi un padarīt to maksimāli iespējamu. Kad mēs iestatām auto kreisajai un labajai atkāpei - elements tiek centrēts.

Tomēr var iestatīt tikai kreiso atkāpi. Šajā gadījumā elements saņems maksimāli iespējamo atkāpi no kreisās puses un ieņems galējo labo pozīciju:

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

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* iestatām automātisko kreiso atkāpi */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: