Centriranje z absolutnim pozicioniranjem v CSS

Obstaja premeten način centriranja elementa z absolutnim pozicioniranjem. Element lahko postavimo točno v sredino brskalnikovega okna. Če želite to narediti, ne določajte dimenzij elementa in mu hkrati določite pozicioniranje z vseh štirih strani:

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

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

Результат:

Задание 1

Z opisano metodo ustvarite blok, ki se nahaja v sredini zaslona in ima odmik z vseh strani po 100px.

Задание 2

Z opisano metodo ustvarite blok, ki se od zgoraj odmika od roba zaslona 100px, z desne - 200px, od spodaj - 50px, in z leve - 10px.