Best way to center a on a page vertically and horizontally? [duplicate]

Answer 1

Simple solution taking advantage of Flex Display

 

      
 
           This will be Centered 
      
 

Check out http://css-tricks.com/snippets/css/a-guide-to-flexbox/

The first div takes up the whole screen and has a display:flex set for every browser. The second div (centered div) takes advantage of the display:flex div where margin:auto works brilliantly.

Note IE11+ compatibility. (IE10 w/ prefix).