Div horizontaal centreren

Dit is waarschijnlijk een van de meest voorkomende problemen bij een beginde CSS’er, je pagina horizontaal centreren. Het is iets wat je dagelijks tegenkomt op het internet, website’s waarbij de pagina in het midden staat. Om dit te kunnen realiseren moeten we eerst een div hebben met bijvoorbeeld als class naam ‘midden’. In de CSS voegen we dan het volgende stukje code toe.

.midden {
margin:0 auto;
width:50px;
}

De breedte (width) moet je altijd opgeven, anders neemt de div gewoon de volledige ruimte in. Ook leuk om te weten is als men die div gebruikt om een hele pagina te centreren, noemt men die meestal container.