将一个表放在一个Div中。关掉我的30像素

Question

我已经玩了好几天，只是不能把桌子放在中心位置。我知道你不应该使用表格，但在这种情况下我必须将数据存储在其中。无论我尝试什么，我似乎无法让两个桌子居中。

我尝试删除父容器，然后在margin周围创建一个div：0 auto;

它仍然总是20-30像素。

http://splendid.ds9design.com/contact/

非常感谢任何指导！

Answer 1

我创造了一个小提琴。希望这正是你所需要的。

http://jsfiddle.net/pyhpbwu2/1/

<强> HTML：

<div id="outer">
    <table>
        <tr>
            <td>This </td>
            <td>is </td>
        </tr>
        <tr>
            <td>a</td>
            <td>Table</td>
        </tr>
    </table>
</div>

<强> CSS：

#outer{
    background:red;

}
table{
    text-align:center;  
    margin:0px auto;
    border:1px solid #fff;
}
td{
    width:100px;
}

设置margin 0px auto;对于桌子做的工作。