html - td要素を中央に揃える方法

Question

単純なテーブルを作成し、td 要素を中央に配置したいのですが、CSS の align:center が機能しないようです

.cTable td{
align:center;
}

<table border='1' id='mytable' class="cTable">
<tbody>
<tr><th>Claim ID</th><th>Status</th></tr> 
<tr><td align="center">22</td><td>333</td></tr>    
<tr><td>22</td><td>333</td></tr>
<tr><td>22</td><td>333</td></tr>
</tbody>
</table> 

Answer 1

ではtext-alignなく、align

https://developer.mozilla.org/en/CSS/text-align

Answer 2

margin:auto; これが機能しない場合は、text-align - 追加display:block;してそこに設定してみてwidth:200px;ください (TD が小さすぎる場合)。

Answer 3

表のコンテンツ (<video>または など<img>) を中央に配置する最善の方法は、次のとおりです。

<table width="100%" border="0" cellspacing="0" cellpadding="100%">
<tr>
<td>Video Tag 1 Here</td>
<td>Video Tag 2 Here</td>
</tr>
</table>

Answer 4

個人的には、これらの回答はどれも役に立ちませんでした。私の場合にうまくいったのは、要素float:noneとを与えることでしたposition:relative。その後、要素は<td>.