Q:

How to align objects to centre of page?

I have tried aligning the objects in my webpage with the following CSS but the objects were not positioned at the centre. What should I do?
left:50%;
margin-left:-25%;

A:

Can you try this please? It works fine
Works on : 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>

