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