Центрирање преку апсолутно позиционирање во CSS

Постои паметен начин за центрирање на елемент преку апсолутно позиционирање. Може да се направи така што елементот ќе биде поставен точно во центарот на прозорецот на прелистувачот. За ова не треба да се зададат димензии на елементот и притоа да се зададе позиционирање од сите четири страни:

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

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

Результат:

Задание 1

Со помош на опишаниот начин направете блок, кој се наоѓа во центарот на екранот и одстапува од сите страни по 100px.

Задание 2

Со помош на опишаниот начин направете блок, кој одстапува од горе од работ на екранот 100px, од десно - 200px, од долу - 50px, а од лево - 10px.