Your CSS is used to center the child elements of a the
body
element by using the box-pack property
The webkit-box is used for
Safari, Opera
, and
Chrome
(other CSS for
IE
[-ms-flexbox],
FF
[-moz-box])
body{
-webkit-box-pack:center;
}
Extra space is divided evenly, with half placed before the first child and the other half placed after the last child.
body{
-webkit-box-align:center;
}
Any extra space is divided evenly, with half placed above the child and the other half placed below the child.
Cheers,
Edo