Középre igazítás abszolút pozícióval CSS-ben

Létezik egy ravasz módszer az elemek középre igazítására abszolút pozicionálással. Elérhetjük, hogy egy elem pontosan a böngészőablak közepén jelenjen meg. Ehhez nem kell megadnunk az elem méreteit, de mind a négy oldalról meg kell adnunk a pozíciót:

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

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

Результат:

Задание 1

Az ismertetett módszerrel készítsen egy blokkot, amely a képernyő közepén helyezkedik el és minden oldalról 100px margóval rendelkezik.

Задание 2

Az ismertetett módszerrel készítsen egy blokkot, amely felül 100px, jobbról 200px, alulról 50px, balról pedig 10px margóval rendelkezik a képernyő szélétől.