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:
<div class="parent">
<div class="child"></div>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
.child {
margin-left: auto; /* mengatur margin kiri otomatis */
height: 100px;
width: 200px;
border: 1px solid green;
}
:
