css - 集中 float 元素

Question

我的“div”元素有一个相对宽度，它不是绝对的，所以我不能使用精确的数字来集中。一个不错的解决方案是使用“display: inline-block”:

body {
    text-align: center;
}

#myDiv {
    border: 1px solid black;
    display: inline-block;
    padding: 50px;
}

但是这个元素需要 float ，我试过这个:

#myDiv {
    border: 1px solid black;
    display: inline-block;
    float: left;
    padding: 50px;
}

还有这个:

#myDiv {
    border: 1px solid black;
    display: inline-block;
    padding: 50px;
    position: absolute;
}

没有任何成功，有人可以帮助我吗？

谢谢

Answer 1

#myDiv {
    margin: 0 auto;
}