Center without Align

Is there a way to center something (like a table) in the middle avoiding use of align="center"?

I can't use it when I try to make a page XHTML 1.0 Strict.

 

CSS!! XHTML is all about putting those kinds of attributes into CSS.

you could use

align:center;
float:center;

Or something more creative to get your table to go in the middle of the page.

 

Align is not a CSS property, and center is not a value for the float property...Only left, right, and none are...

What is a "creative" method...Because as far as I can see, you can't do it.

 

erm, align is a CSS property...... but you are right, you can't float center (silly me)

you can use margins and the such to align stuff to the center.

Trust me, it's possible.

 

but I still dont see how margins would help... Considering that center is a relative position to how wide the screen is. If you can figure how to do it let me know... I have been playing around with this for ages now...

 

Remember that your margins can be reletive too. i.e. 10%, 5%. if your content is 80%, ,make two 10% margins to put it in the center.

 

I got it...

I couldn't do that because my table had an exact pixel value...

SO...

Code:

body {
	text-align: center;
}
#main {
	text-align: left;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

#main is a div that contains the whole document...

That was confusing. I had completely forgotten about the auto value...Thanks for the idea of using percents too!