Perataan Elemen Blok dengan Margin Kiri di CSS

Nilai auto untuk margin sebenarnya tidak hanya dapat digunakan untuk penengahan. Pada dasarnya, nilai ini memungkinkan perhitungan margin secara otomatis dan menjadikannya maksimal mungkin. Ketika kita menetapkan auto untuk margin kiri dan kanan - elemen akan ditengahkan.

Namun, kita juga bisa hanya menetapkan margin kiri saja. Dalam hal ini, elemen akan mendapatkan margin kiri yang maksimal mungkin dan akan menempati posisi paling kanan:

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

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

Результат: