Centriranje putem apsoluta u CSS

Postoji lukav način centriranja elementa putem apsolutnog pozicioniranja. Možete učiniti tako da element bude postavljen tačno u centar prozora pregledača. Za to nije potrebno zadavati dimenzije elementu i pri tome podesiti pozicioniranje sa sve četiri strane:

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

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

Результат:

Задание 1

Pomoću opisanog načina napravite blok, koji se nalazi u centru ekrana i koji ima odstupanje sa svih strana po 100px.

Задание 2

Pomoću opisanog načina napravite blok, koji odstupi odozgo od ivice ekrana za 100px, s desna - 200px, odozdo - 50px, a s leva - 10px.