Zentrieren mit Absolute in CSS

Es gibt eine raffinierte Methode zur Zentrierung eines Elements durch absolute Positionierung. Man kann es so einrichten, dass das Element genau in der Mitte des Browserfensters platziert wird. Dazu muss man dem Element keine Größe vorgeben und gleichzeitig die Positionierung von allen vier Seiten festlegen:

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

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

Результат:

Задание 1

Erstellen Sie mit der beschriebenen Methode einen Block, der sich in der Mitte des Bildschirms befindet und von allen Seiten einen Abstand von 100px hat.

Задание 2

Erstellen Sie mit der beschriebenen Methode einen Block, der oben vom Bildschirmrand 100px, rechts - 200px, unten - 50px, und links - 10px Abstand hat.