html - 如何将对象对齐到页面中心？

Question

我已尝试将我网页中的对象与以下 CSS 对齐，但 objects were not positioned at the centre .我该怎么办？

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>