Sentrering gjennom absolutt i CSS

Det finnes en lur måte å sentrere et element gjennom absolutt posisjonering. Du kan gjøre slik at elementet plasseres nøyaktig i midten av nettleservinduet. For å gjøre dette må du ikke angi dimensjoner på elementet og samtidig angi posisjonering 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

Ved hjelp av den beskrevne metoden, lag en blokk som befinner seg i midten av skjermen og har innrykk fra alle sider på 100px.

Задание 2

Ved hjelp av den beskrevne metoden, lag en blokk som har innrykk fra toppen av skjermkanten 100px, fra høyre - 200px, fra bunnen - 50px, og fra venstre - 10px.