Centreren

/* 
 * Horizontaal 
 */
#box {
 width: 200px; /* De width is verplicht */
 margin: 0 auto; /* De 0 staat voor de top margin en de auto zorgt er voor dat de overige pixels eerlijk tussen left en right worden verdeelt */
}
 
/*
 * Verticaal
 */
#box {
 width: 200px; /* Dit is niet nodig, wel handig */
 height: 200px; /* Dit is wel nodig om de top functie te gebruiken */
 position: absolute; /* We gaan top gebruiken, dus moeten we absolute/relatieve gebruiken */
 top: 50%; /* Dit is vanaf de rand van het element tot aan de rand van de pagina */
 margin-top: -100px; /* De helft van de height, dit is om de top bij het midden te krijgen */
}
 
/*
 * Verticaal en horizontaal
 * Zelfde als verticaal, alleen dan nog met een left en width erbij
 */
#box {
 width: 200px;
 height: 200px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -100px;
 margin-top: -100px;
}