Best way to center a <div> on a page vertically and horizontally?

Question

Best way to center a `<div>` element on a page both vertically and horizontally?I know that `margin-left: auto; margin-right: auto;` will center on the horizontal, but what is the best way to do it vertically, too?

Answer 1

The best way is to set the margin left and margin right to auto. You also have to specify the max-width size of that div.