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:

html<div id="elem"></div>

css#elem {
  position: absolute;
  top:    30px;
  right:  30px;
  bottom: 30px;
  left:   30px;
  
  border: 1px solid green;
}

Результат:

Задание 1

Dengan menggunakan cara yang dijelaskan, buatlah blok yang berada di tengah layar dan memiliki jarak dari semua sisi sebesar 100px.

Задание 2

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.