Pemisahan Tengah melalui Absolute di CSS
Ada cara licik untuk memusatkan elemen melalui posisi absolut. Anda dapat melakukannya sehingga elemen akan ditempatkan tepat di tengah jendela browser. Untuk melakukan ini, Anda tidak perlu menetapkan ukuran elemen dan pada saat yang sama menetapkan posisi dari keempat sisinya:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Dengan menggunakan cara yang dijelaskan, buatlah blok
yang berada di tengah layar dan memiliki jarak
dari semua sisi sebesar 100px.
Dengan menggunakan cara yang dijelaskan, buatlah blok
yang memiliki jarak dari tepi atas layar 100px,
dari kanan - 200px, dari bawah - 50px,
dan dari kiri - 10px.
