html - 中央に移動する HTML テーブル

Question

HTML テーブルに問題があります。真ん中に移動しようとしていますが、右に移動し続けます。色々と試してみましたが、今のところは以下の通りです。

<style type="text/css">


table.gridtable2 {
    font-size:11px;
    border: none;
}
table.gridtable2 th {
    padding: 7px;
    color:#008CBD;
    background: rgba(0,0,0,0.3);

}
table.gridtable2 td {
    padding: 6px;
        color:#FFFFFF;
    background: rgba(0,0,0,0.2);
}
table.gridtable2 tr {
    text-align: center;
}
</style>

    <table class="gridtable2" width="539" cellspacing="0" cellpadding="0">
        <tr>
            <th></th>
            <th>Title</th>
            <th></th>
        </tr>
        <tr>
            <td>Sold</td>
            <td>-</td>
            <td>0€&lt;/td>
        </tr>
        <tr>
            <td>Else</td>
            <td>-</td>
            <td>0€&lt;/td>
        </tr>
        <tr>
            <td>Total</td>
            <td>-</td>
            <td></td>
        </tr>
    </table>

Answer 1

table.gridtable2 {
    font-size:11px;
    border: none;
    margin: 0 auto;
}

Answer 2

自動として設定されたmargin-leftとmargin-rightを使用する必要があります。

<table style="width=50%;margin-left:auto; margin-right:auto" width="539" cellspacing="0" cellpadding="0">
    <tr>
        <th></th>
    <th>Title</th>
    <th></th>
</tr>
<tr>
    <td>Sold</td>
    <td>-</td>
    <td>0€&lt;/td>
</tr>
<tr>
    <td>Else</td>
    <td>-</td>
    <td>0€&lt;/td>
</tr>
<tr>
    <td>Total</td>
    <td>-</td>
    <td></td>
</tr>
</table>