HTML表格移动到中心

我的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€</td>
        </tr>
        <tr>
            <td>Else</td>
            <td>-</td>
            <td>0€</td>
        </tr>
        <tr>
            <td>Total</td>
            <td>-</td>
            <td></td>
        </tr>
    </table>

表1.2表格2{
字体大小：11px；
边界：无；
}
表2.表格2{
填充：7px；
颜色：#008CBD；
背景：rgba（0,0,0,0.3）；
}
表2.1.2 td{
填充：6px；
颜色：#FFFFFF；
背景：rgba（0,0,0,0.2）；
}
表2.gridtable2 tr{
文本对齐：居中；
}
标题
出售
-
0€
其他的
-
0€
全部的
-

您应该将左边距和右边距设置为自动

<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€</td>
</tr>
<tr>
    <td>Else</td>
    <td>-</td>
    <td>0€</td>
</tr>
<tr>
    <td>Total</td>
    <td>-</td>
    <td></td>
</tr>
</table>

标题
出售
-
0€
其他的
-
0€
全部的
-

您能给我们看一下您的页面吗？它在这里工作：（我只把宽度改为100）

<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€</td>
</tr>
<tr>
    <td>Else</td>
    <td>-</td>
    <td>0€</td>
</tr>
<tr>
    <td>Total</td>
    <td>-</td>
    <td></td>
</tr>
</table>