Autocentrering med lige brede marginer

Den nemmeste måde hvorpå du kan centrere (vandret centrering) eller midtstille en websides indhold er ved at sætte lige store marginer på begge sider af indholdet.

Det er sket på denne side ved at give body-elementet en bredde på 5 procent af browservinduets bredde i begge sider:

html, body {
  margin:1em 5%;                    
  padding:0;
  font-family:georgia,arial,sans-serif;
  background-color:rgb(245,245,255);
  color:#000; 
}

Formreglen for margin er kortformsudgaven af følgende:

  margin-top:1em;
  margin-right:5%;
  margin-bottom:1em;
  margin-left:5%;

Autocentrerings eksempler

Retur til foregående