CSS'te Sol Kenar Boşluğu ile Blok Eleman Hizalama

margin için auto değeri aslında sadece ortalamaz. Aslında bu değer, kenar boşluğunu otomatik olarak hesaplamayı ve mümkün olan maksimum değeri yapmayı sağlar. Sol ve sağ kenar boşluğu için auto değerini ayarladığımızda - eleman ortalanır.

Ancak, sadece sol kenar boşluğunu da ayarlayabiliriz. Bu durumda eleman, mümkün olan maksimum sol kenar boşluğunu alır ve en sağ pozisyona yerleşir:

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

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* otomatik sol kenar boşluğu ayarla */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: