Centrering via absolut i CSS

Der findes en smart metode til at centrere et element via absolut positionering. Du kan gøre det sådan, at elementet placeres præcist i midten af browserens vindue. For at gøre dette skal du ikke angive dimensionerne på elementet og samtidig angive positionering fra alle fire sider:

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

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

Результат:

Задание 1

Brug den beskrevne metode til at lave en blok, der befinder sig i midten af skærmen og har afstand fra alle sider på 100px.

Задание 2

Brug den beskrevne metode til at lave en blok, der har afstand fra toppen af skærmkanten på 100px, fra højre - 200px, fra bunden - 50px, og fra venstre - 10px.