居中对齐没有定义宽度的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;
}