Question

Possible Duplicate:
How to center horizontally div inside parent div

I have the following:

<div id="a">
<div id="b">abc</div>
</div>

My first div “a” is styled to be 100% of the screen width. I would like to make div “b” appear horizontally in the center. I know I can do this with tables but is there a way to do this with just div’s and CSS?

Hope someone can help

Answer 1

You can set the margin-left and margin-right properties to auto. According to CSS2.1 § 10.3.3 you need to specify a width (other than auto) though:

#b {width: 300px; margin: 0 auto;}