Centrování pomocí absolutní pozice v CSS

Existuje chytrý způsob centrování prvku pomocí absolutního pozicování. Lze zařídit, aby byl prvek umístěn přímo do středu okna prohlížeče. K tomu není třeba nastavovat rozměry prvku a zároveň je třeba nastavit pozicování ze všech čtyř stran:

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

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

Результат:

Задание 1

Pomocí popsaného způsobu vytvořte blok, který se nachází ve středu obrazovky a odsazuje ze všech stran po 100px.

Задание 2

Pomocí popsaného způsobu vytvořte blok, který odsazuje shora od okraje obrazovky 100px, zprava - 200px, zdola - 50px, a zleva - 10px.