如何在没有父级的情况下将 DIV 居中？

Question

我想将我的表格居中在它所在的水平行的中心。我认为这很简单

#control {
    text-align: center;
}

我要居中的元素是

<div id="control" class="btn">
    <div id="btn_container"><img width="100" height="100" src="https://cdn3.iconfinder.com/data/icons/minecraft-icons/512/Stone_Pickaxe.png" alt="Mining pick" /></div>
    <span>Start</span> 
</div>

但是，该元素仍未居中 - https://jsfiddle.net/xwdnvcy5/58/。我没有得到什么非常明显的东西，但我无法说出它是什么。

Answer 1

这个不是很直观，但尝试将边距设置为0 auto。

#control {
    margin: 0 auto;
}