Как разместить по центру таблицу в html?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

<table style="margin: auto">
    <tr>
      <th>Животное</th>
      <th>Возраст</th>
    </tr>
    <tr>
      <td>Кошка</td>
      <td>5</td>
    </tr>
    <tr>
      <td>Собака</td>
      <td>7</td>
    </tr>
  </table>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

<div style="text-align:center;">
<table style="margin: 0 auto;">
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
  </tr>
  <tr>
    <td>Row 1, Cell 1</td>
    <td>Row 1, Cell 2</td>
  </tr>
</table>
</div>