How to put table in the center of the page using CSS?

Question

I am using the following code. How to put this table in the center of the page using CSS?

Answer 1

html, body {
    width: 100%;
}
table {
    margin: 0 auto;
}

Example JSFiddle

Vertically aligning block elements is not the most trivial thing to do. Some methods below.

• Understanding vertical-align, or "How (Not) To Vertically Center Content"
• Vertical Centering in CSS