html - テーブル内の配置の問題

Question

水平方向の配置を取得するために、テーブル内に配置した 2 つの div があります。

<table>
   <tr>
      <td>
        <div>
           data
         </div>
         <div>
            data
         </div>
      </td>
   </tr>
</table>

次のようになります。

左ではなく、これら2つを中央に揃えたいと思います。私は試し<td style="margin-left:auto; margin-right:auto;"> ましたが、喜びはありません。

アイデアは？

Answer 1

marginsを に適用<table/>:

table {
    margin: 0 auto;
}

ここにデモフィドルがあります。