margin: auto;

#main {
  width: 600px;
  margin: 0 auto; 
}
<div id="main">

Door het zetten van een width op een block-level element zal deze niet volledig uitgerekt worden van links tot aan rechts binnen zijn container. Hierna kan je, door middel van het zetten van de linker en rechter marges op auto, het element horizontaal centreren binnen die container. Het element zal de width aannemen zoals gespecificeerd en de resterende ruimte zal evenredig over beide marges verdeeld worden.

Het probleem dat zich voor kan doen als het browser venster smaller is dan de width van het element, zal de browser dit oplossen door een horizontale scrollbalk te tonen. Dit is op te lossen...

</div>
  • Creative Commons License