レスポンシブデザインでtableを画面中央に置きたいです

Question

御観覧の方ありがとうございます。
質問なのですが、tableをレスポンシブデザインに対応させたのですが、画面中央に置くことが出来ません。
下記にコードを添付します。

HTML```

コード

<div id="quote" class="text-center">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center">
               <table>
                   <tbody>
                   <tr>
                       <th>LP制作</th><td>30,000円〜</td>
                   </tr>
                   <tr>
                    <th>コーディング</th><td>10,000円〜</td>
                </tr>
                <tr>
                    <th>レスポンシブ化(1P-)</th><td>15,000円〜</td>
                </tr>
            </tbody>
               </table>
            </div>
            </div>
            </div>
        </div>



css```
table {
    position: absolute;
    text-align: center;
    top: 200px;
    left: 280px;
    width:500px;
    font-size: 20px;
}

 table th {
    border-bottom: solid 1px white;
    color: white;
}

table td {
    border-bottom: solid 1px white;
    color: white;
}

@media (min-width: 200px) and (max-width: 768px) {
table{
        width: 100%;
        text-align: center;
        padding-right: 50px;
        
        
        
    }
    table th,
    table td {
        display: block;
    }
}
コード

以上になります。
お手数お掛けしますが、回答の方よろしくお願い致します。
よろしくお願い致します。

Answer 1

position: absolute; を消し、
margin-left: auto; margin-right: auto;
を記載したら、tableを中心に置くことが出来ました。

Answer 2

.text-center {
  width:100%;
  display:flex;
  justify-content:center;
}

table {
    width:500px;
    font-size: 20px;
}

position:absolute を使わなければいけない理由が記載されていないのですが、
パソコンでは絶対位置指定、レスポンシブ状態では画面中央に配置したいのですか？

Answer 3

table {
    position: absolute;
    text-align: center;
    top: 200px;
    left: 280px;
    width:500px;
    font-size: 20px;
}

position: absolute; 指定しているなら、その通りに置くのでレスポンシブも何もあったもんじゃありませんが……

左右を中央に置くなら、margin-left: auto; margin-right: auto; あたりですかね。top と left は削りましょう。

Comments

[Lomaebe18]

position: absolute;を消して、margin-left: auto; margin-right: auto;
を書いたところ、レスポンシブでtableを中心に置くことが出来ました。
回答の方ありがとうございました。