Taak

Centreer het kindelement (div met de classnaam child) binnen het ouderelement (div met de classnaam parent) met behulp van absolute positionering.

Stappen:

1. Pas absolute positionering toe op het kindelement.
2. Bereken de waarden voor de eigenschappen top en left om het kindelement te centreren binnen het ouderelement. Het ouderelement heeft een breedte en hoogte van 220px, terwijl het kindelement een breedte en hoogte van 80px heeft.
3. Zorg ervoor dat één element absolute positionering heeft en het andere relative positionering om de juiste positioneringscontext te creëren. Anders zal de absolute positionering relatief zijn aan het body-element.

1. Gebruik de formule top om de waarde voor de eigenschap (parentHeight - childHeight) / 2 te berekenen.
2. Gebruik de formule left om de waarde voor de eigenschap (parentWidth - childWidth) / 2 te berekenen.