html - html要素をそれを含む要素内で中央に配置する最良の方法は何ですか?

Question

次のコードのチャンクがあるとします。

<div id="container">
  <someelement>This is any element.</someelement>
</div>

「someelement」を含むdiv内で水平方向に中央揃えするために使用できる最良のCSSは何ですか?

Answer 1

JaredPar は正しい考えを持っていますが、探していることを行うためのよりクリーンな方法があります ;)

#container {
    text-align: center;
}

#container someelement {
    margin: 0 auto;
    text-align: left;
}

Answer 2

インライン要素の場合<someelement>(つまり、デフォルトで display: inline になっている場合)、そのコンテナに text-align: center を適用します。ブロック要素の場合<someelement>、左右のマージンを auto に設定し、幅を設定することを忘れないでください (ブロック要素は、幅が明示的に指定されていない限り、デフォルトで使用可能なすべての水平スペースを取ります)。IE 5.5 以下でも動作させたい場合は、両方の方法を使用する必要があります。

Answer 3

試す

<someelement style="margin-left:auto;margin-right:auto">This is any element</someelement>