存在对齐问题的HTML表

我的网站页脚的

blog_Sec

div中有这两个表，有两个对齐问题：

1）表格有标题，这些标题相对于表格不在中间。它们看起来稍微偏右

2）桌子本身不在中间。它们目前是左对齐的。我希望它们在

blog\u Sec

div中居中对齐

JSFiddle代码：

jsidle整版预览：

使用

display:table row

，我可以解决第一个问题，但是它删除了标题和表格之间的间距，这看起来不太好。所以不是很有用

试试这个

isseu#2增补

---

您应该使用这个css代码

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

---

标题必须位于其对应表格的中心，而不是左侧。此外，表格现在显示为右对齐。。（忽略标题，并查看两个表的右边缘对齐）在

http://jsfiddle.net/ukcS8/3/show/

，您刚刚将下表完全右移。。它需要居中对齐。。此外，标题是它们原来的位置，因此它们没有变化（与此处的原始标题相比：

http://jsfiddle.net/ukcS8/show/

）您的

http://jsfiddle.net/ukcS8/3/

和

http://jsfiddle.net/ukcS8/4/

在视觉上完全相同..您只写的付款合作伙伴或发货合作伙伴请写下这两个表

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