Where Is <center>?

© 2011, Martin Rinehart

I've put article headings into a div at the top of the HTML. To center it I've set left: 10%; width: 80%;. Now, to make matters interesting, I've got a graphic "medallion" floating on the left, pushing the topmost part of the content div (including the heading) in a bit. The "centered" heading appears to the right of the medallion. (P.S. The medallion later moved to the right. The problem is the same.)

So where does the heading appear? Centered in the content div? Centered in the space between the left-side float and the right of the content div?

I'm looking at this in three browsers right now. I have no idea what they are thinking.

Feedback: MartinRinehart at gmail dot com

# # #