html - オブジェクトをページの中央に揃える方法は？

Question

Webページのオブジェクトを次のCSSに揃えようとしましたが、オブジェクトが中央に配置されていませんでした。私は何をすべきか？

left:50%;
margin-left:-25%;

Answer 1

これを試してもらえますか？それは正常に動作します

動作: Internet Explorer - Google Chrome - Safari - Mozilla

<!-- Div content -->
<div style="margin:0 auto;text-align:center">

      <!-- Div align in the middle -->
      <div style="margin-left:auto;margin-right:auto;text-align:center">
            <p>Hello my text is in the middle :-) </p>
      </div>

</div>

Answer 2

オブジェクトの親要素 (そのコンテナー) は position:relative に設定する必要があります

オブジェクト自体は、position:absolute、left:50%、margin-left のピクセル単位の負の値 (オブジェクトの値の半分) に設定する必要があります。

または、親要素に text-align:center を設定し、オブジェクト自体に「margin:0 auto;」を指定することもできます。