居中對齊一個沒有定義寬度的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; 
}