Com crear un div que ens centri la pàgina amb marges als costats

Els <div> són caixes imaginàries que ens permeten ordenar la informació a la nostra pàgina de diferents formes.

Existeixen diferents tipus de <div> que per tradició es solen utilitzar i que han arribat a tenir a HTML5 una etiqueta pròpia. A la imatge es poden veure alguns.

Per entendre el funcionament dels <div>, el més fàcil és crear un que faci de contenidor central deixant marges als costats: