Home/ Questions/Q 740581
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T08:31:58+00:00

Possible Duplicate: How to horizontally center a div? One simple way to make an

  • 0

Possible Duplicate:
How to horizontally center a div?

One simple way to make an object centered in HTML is using align='center', but it’s not working for a div.

I tried:

style='text-align:center';
style='left:50%';

I even true a center tag

<center>

But I can’t make my target div to be center.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <!DOCTYPE html>
<html>
  <head>
    <title>Center</title>
  </head>
  <body>

    <div style="text-align: center;">
      <div style="width: 500px; margin: 0 auto; background: #000; color: #fff;">This DIV is centered</div>
    </div>

  </body>
</html>

    Tested and worked in IE, Firefox, Chrome, Safari and Opera. I did not test IE6. The outer text-align is needed for IE. Other browsers (and IE9?) will work when you give the DIV margin (left and right) value of auto. Margin “0 auto” is a shorthand for margin “0 auto 0 auto” (top right bottom left).

    Note: the text is also centered inside the inner DIV, if you want it to remain on the left side just specify text-align: left; for the inner DIV.

    Edit: IE 6, 7, 8 and 9 running on the Standards Mode will work with margins set to auto.

    • 0