Centreren via absoluut in CSS

Er bestaat een slimme manier om een element te centreren via absolute positionering. Het is mogelijk om een element precies in het midden van het browservenster te plaatsen. Hiervoor moet je geen afmetingen aan het element toekennen en tegelijkertijd de positionering van alle vier de kanten instellen:

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

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

Результат:

Задание 1

Maak met behulp van de beschreven methode een blok dat zich in het midden van het scherm bevindt en aan alle kanten 100px afstand houdt.

Задание 2

Maak met behulp van de beschreven methode een blok dat van boven 100px van de rand van het scherm, rechts - 200px, onder - 50px, en links - 10px afstand houdt.