html – 在TD中心一个表

我有一个非常简单的问题：我需要把一个桌子放在一个TD元素内.如果我使用 HTML 4,我会这样做：

​<table style="border:solid;width: 100%">
    <tr>
        <td align="center">
            <table style="border:solid; width:50%">
                <tr>
                    <td >I must be in the center</td>                    
                </tr>
            </table> 
        </td>                    
    </tr>
</table>​

但是我试图不使用不赞成使用的属性,并以CSS的方式.我已经尝试过：

<td style="text-align:center">

和这个：

<td style="margin: 0 auto">

表格保留在单元格的左侧.有什么建议么？

解决方法

你有一个正确的想法与margin：auto 0;刚刚起飞0.

工作实例：http://jsfiddle.net/cxnR8/

<table style="border:solid;width: 100%">
    <tr>
        <td>
            <table style="margin:auto;border:solid; width:50%">
                <tr>
                    <td >I must be in the center</td>                    
                </tr>
            </table> 
        </td>                    
    </tr>
</table>​

但更重要的是,您真的需要使用表格和在线样式吗？