Centering the element content with the box box model

Old version Syntax

div{

Display:-webkit-box;
-webkit-box-align:center; Center vertically
-webkit-box-pack:center;//Horizontal Center

}

New version syntax

div{

Display:-webkit-flex;

-webkit-align-items: Center;

align-items:center;//Vertical Center

-webkit-justify-content: Center;

justify-content:center;//Horizontal Center

}

Mixed version Syntax

div{

Display: -ms-flexbox; /* Mixed version syntax: IE ten */

-ms-flex-pack: Center;//Horizontal Center

-ms-flex-align: Center;//Vertical Center

}

Centering the element content with the box box model