Centrarea prin absolut în CSS

Există o metodă ingenioasă de centrare a unui element prin poziționarea absolută. Puteți face astfel încât elementul să fie plasat exact în centrul fereastrei browserului. Pentru a face acest lucru, nu trebuie să setați dimensiunile elementului și în același timp să setați poziționarea din toate cele patru părți:

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

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

Результат:

Задание 1

Folosind metoda descrisă, faceți un bloc care se află în centrul ecranului și se retrage din toate părțile cu 100px.

Задание 2

Folosind metoda descrisă, faceți un bloc care se retrage de sus de la marginea ecranului cu 100px, din dreapta - cu 200px, de jos - cu 50px, iar din stânga - cu 10px.