html - 幅が定義されていない div を中央揃えにします

Question

非常に単純な質問: 幅が設定されていない div を中央揃えにする正しい方法は何ですか? divに対してこれを行う：

.class div{
    margin: 0 auto; 
    width: 300px;
}

divを水平方向の中央に揃えますが、設定された幅を削除した場合はそうではありません。

ただし、これはトリックですが、正しい方法ですか?

.class div{
    margin: 0 auto; 
    display: table;
}

ありがとうございました！

Answer 1

このように書いてください：

HTML

<div class="parent">
 <div class="class"></div>
</div>

CSS

.parent{
 text-align:center;
}
.class{
    display:inline-block;
    text-align:left;
}