Centrovanie cez absolute v CSS

Existuje prefíkaný spôsob centrovania prvku cez absolútne pozicionovanie. Môžeme spraviť to, že prvok bude umiestnený presne v strede okna prehliadača. Na to je potrebné nešpecifikovať rozmery prvku a zároveň nastaviť pozicionovanie zo všetkých štyroch strán:

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

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

Результат:

Задание 1

Pomocou opísaného spôsobu vytvorte blok, ktorý sa nachádza v strede obrazovky a odstupuje zo všetkých strán po 100px.

Задание 2

Pomocou opísaného spôsobu vytvorte blok, ktorý odstupuje zhora od okraja obrazovky 100px, sprava - 200px, zdola - 50px, a zľava - 10px.