Tsentreerimine absoluutse positsiooniga CSS-is

On olemas kaval viis elemendi tsentreerimiseks kasutades absoluutset positsioneerimist. Saab teha nii, et element paigutatakse täpselt brauseri akna keskele. Selleks ei tohi elemendile määrata mõõtmeid ja samal ajal tuleb määrata positsioneerimine kõigilt neljalt küljelt:

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

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

Результат:

Задание 1

Kirjeldatud meetodil looge plokk, mis asub ekraani keskel ja millel on kõigist servadest tagasitõuge 100px.

Задание 2

Kirjeldatud meetodil looge plokk, mis on ekraani ülaservast 100px kaugusel, paremast servast - 200px, alumisest servast - 50px, ja vasakust servast - 10px kaugusel.