Centreren

Zoals je al eerder hebt kunnen lezen is een boxelement een element dat een ‘automatische break’ heeft
ingebouwd. In deze paragraaf leer je hoe je een boxelement kan centreren.
Centreren met margin
Een boxelement kan je centreren op de pagina door de linker en rechter margin op ‘auto’ te zetten.
.center
{
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#b0e0e6;
text-align:left;
}
Als de ‘width’ op 1005 staat zal het element de hele breedte innemen en heeft de margin geen effect.
Let op: als de gebruiker een oudere versie van Internet Explorer gebruikt is de kans aanwezig dat deze
manier niet goed werkt. Dan zal er bovenaan de pagina een !DOCTYPE gedeclareerd moeten worden.
Centreren met absolute
Ook als je de absolute positionering gebruikt kan je het element centreren. Niet alleen horizontaal, maar
ook vertikaal is, bijvoorbeeld, een div op het midden van een pagina te plaatsen. Door eerst de margin-top
en margin-height op 50% te zetten, en daarna de div helft van de grootte terug te plaatsen, zal de div in
het midden blijven: