Centreren via absoluut in CSS
Er bestaat een slimme manier om een element te centreren via absolute positionering. Het is mogelijk om een element precies in het midden van het browservenster te plaatsen. Hiervoor moet je geen afmetingen aan het element toekennen en tegelijkertijd de positionering van alle vier de kanten instellen:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Maak met behulp van de beschreven methode een blok
dat zich in het midden van het scherm bevindt en
aan alle kanten 100px afstand houdt.
Maak met behulp van de beschreven methode een blok
dat van boven 100px van de rand van het scherm,
rechts - 200px, onder - 50px,
en links - 10px afstand houdt.
