Center content horizontally and vertically in HTML?

Question

I have a table which surrounds all the content of a webpage, I would like to center this table horizontally and vertically inside the browser window. It is a much smaller content area than that of the average browser so there should be no issues.

Any help is greatly appreciated.

If you are using the `table` to design the Web page, you should consider reworking the code. You should avoid putting all your content in a table. It is bad practice. http://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html — Jason Gennaro, May 30 '11 at 14:27

Sujit Agarwal · Accepted Answer · 2011-05-30T12:04:08.153

1

add this code to the top of the html file within the HEAD tags:

<style>
table
{
    align: center;
    vertical-align:middle;
}
</style>

edited May 30 '11 at 12:04

answered May 30 '11 at 11:58

Sujit Agarwal

12,348
11
48
79

Forgot to mention I'm a total noob, how to implement fully? – rabbitt May 30 '11 at 11:59
how to implement that later when i come to the table? – rabbitt May 30 '11 at 12:17
Could you please explain what do u mean? – Sujit Agarwal May 30 '11 at 12:52

score 0 · Answer 2 · answered May 30 '11 at 11:59

0

if you want to center your table.you can use margin-left:auto; if you want to center your text inside table you can use text-align:center;

answered May 30 '11 at 11:59

Anish

2,889
1
20
45

Center content horizontally and vertically in HTML?

2 Answers2