使嵌入div 中的table 标签居中

问题： 比如<div><table/></div>  只要让DIV中的TABLE水平居中
回答：只要把div 中中显示的内容水平居中，其实可见的只有TABLE
 


例如：    
<div style="width:400px;height:300px;border:1px solid red;text-align:center;padding-top:20px;">
<table style="border:1px solid red;margin:auto;">
<tr><td>dfasjdfhkaj</td></tr>
</table>
<table style="border:1px solid red;">
<tr><td>dfasjdfhkaj</td></tr>
</table>
</div>
 
把以上的代码演示一遍就知道如何修改自己的代码，从而达到自己想要的效果。
重点是以下代码：text-align:center; margin:auto;