Wyśrodkowanie za pomocą absolute w CSS

Istnieje sprytny sposób wyśrodkowania elementu za pomocą pozycjonowania absolutnego. Można sprawić, że element zostanie umieszczony dokładnie w środku okna przeglądarki. Aby to zrobić, nie należy ustawiać wymiarów elementowi, a jednocześnie ustawić pozycjonowanie ze wszystkich czterech stron:

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

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

Результат:

Задание 1

Za pomocą opisanego sposobu zrób blok, znajdujący się na środku ekranu i odsuń go ze wszystkich stron o 100px.

Задание 2

Za pomocą opisanego sposobu zrób blok, odsunięty od górnej krawędzi ekranu o 100px, od prawej - 200px, od dolnej - 50px, a od lewej - 10px.