Einen Block mit margin auto zentrieren

Achtung: text-align: center funktioniert nur für Text (no-na!), nicht für einen ganzen Block wie main.

In diesem Beispiel wird der main-Tag mit Hilfe von margin auto zentriert. Der main-Tag hat eine maximale Breite von 2014 Pixel. Fall noch Platz übrig bleibt wird dieser automatisch gleichmäßig verteilt.

margin: 0px auto;
max-width: 1024px;

you can only use text-align: center on text (duh!) not on a block-level element like main. The trick is to use the margin of the block-level element. With the value auto the available space left and right of the element ist automatically distributed equally. Here we set a maximum width of 1025 px;