[CSS] – Centrare DIV in verticale e orizzontale

Centrare DIV in verticale e orizzontale

E’ un vero problema quando si tratta di centrare delle DIV verticalmente e orizzontalmente all’interno di una pagina HTML, ma non molliamo per trovare una soluzione! Quello che dobbiamo fare e seguire questo codice:

CSS

body {
   height: 100%;
   width:100%;
   margin: 0px auto;
   padding: 0px;
}

div {
   width:1000px;
   height:600px;
   margin:0px auto;
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-300px;
   margin-left:-500px;
}