Penjajaran Tengah Melalui Absolute dalam CSS

Terdapat satu cara licik untuk menjajarkan elemen di tengah menggunakan pemposisian mutlak. Anda boleh menjadikan elemen tersebut diletakkan tepat di tengah tetingkap pelayar. Untuk melakukan ini, anda tidak perlu menetapkan saiz elemen dan pada masa yang sama tetapkan pemposisian dari keempat-empat sisi:

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 diterangkan, buatkan satu blok, yang berada di tengah skrin dan berjarak dari semua sisi sebanyak 100px.

Задание 2

Dengan menggunakan cara yang diterangkan, buatkan satu blok, yang berjarak dari atas tepi skrin 100px, kanan - 200px, bawah - 50px, dan kiri - 10px.