css - 浮動要素の集中化

Question

私の「div」要素には相対的な幅がありますが、絶対的なものではないため、正確な数を使用して集中化することはできません。"display: inline-block" を使用すると良い解決策があります。

body {
    text-align: center;
}

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

しかし、この要素はフロートする必要があります。私はこれを試しました:

#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

このcssを使用して、任意のブロック要素を中央に配置できます。

margin:auto;
width: some fixed value;

したがって、このように中央に配置するには、要素の幅を固定する必要があります。

Answer 2

#myDiv {
    margin: 0 auto;
}