Penjajaran Elemen Blok dengan Jarak Kiri dalam CSS

Nilai auto untuk margin sebenarnya bukan hanya untuk penjajaran tengah. Secara faktual, nilai ini membolehkan pengiraan jarak secara automatik dan menjadikannya maksimum yang mungkin. Apabila kita meletakkan auto untuk jarak kiri dan kanan - elemen akan dijajarkan ke tengah.

Walau bagaimanapun, kita boleh meletakkan hanya jarak kiri. Dalam kes ini, elemen akan mendapat jarak kiri maksimum yang mungkin dan akan menduduki kedudukan paling kanan:

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

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* tetapkan jarak kiri automatik */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: