html – 如何在TD内对齐表？

我有一个2< tr>和2 td：

<table>
    <tr>
        <td>
            <table>
                <!-- other content -->
            </table>
        </td>
        <td/>
    </tr>
    <tr>
        <td/><td/>
    </tr>
</table>

在哪里*****我需要插入几乎相同的表(不包含另一个表).
但是当我调试它时,表格保持对齐.

Live Example

我想让左上角的表格正确对齐(知识和中心对齐).

例如：
该表的宽度为32px,但是包含的td为64px宽.

如何将表与右对齐？

解决方法

表是块元素; text-align和align仅适用于内联元素.
所以对于一个块元素你必须使用margin：

CSS：

.centered{
    margin: 0 auto;
}

.rightaligned{
    margin-right: 0;
    margin-left: auto;
}

.leftaligned{
    margin-left: 0;
    margin-right: auto;
}

HTML：

<td>
    <table class="leftaligned">
        <!-- Other Content -->
    </table>
    <table class="centered">
        <!-- Other Content -->
    </table>
    <table class="rightaligned">
        <!-- Other Content -->
    </table>
</td>

几乎每个浏览器甚至可以使用Internet Explorer 7.