html - HTML table with alignment problems

Question

I have these two tables in the blog_Sec div of my website's footer, which has 2 alignment problems:

1) The tables have headings, and these headings are not in center relative to the table. They appear slightly to the right.

2) The tables themselves are not in the center. They are left aligned currently. I want them to be center aligned within blog_Sec div.

JSFiddle code: http://jsfiddle.net/ahmadka/ukcS8/

JSFiddle full page preview: http://jsfiddle.net/ahmadka/ukcS8/show/

Using display: table-row, I can solve the first problem, but then it removes the spacing between the heading and the table which doesn't look nice. So not really usable.

Answer 1

尝试这个

http://jsfiddle.net/ukcS8/11/

问题#2 添加

table align="center"

Answer 2

你应该使用这个 CSS 代码。

.yourdiv {
    left: 50%;
    right: 50%;
    }