Centering web site pages

In HTML 4 and below, you could center web pages using the </center> tag. This no longer works in HTML 5 We've built an HTML 5, PHP, web site with the WA tools with all the pages left justified by default. Our company wants all the pages centered within the browser view. What would you suggest as the easiest way to do this? Thank you.

You can use a wrapper div tag with margin:auto.

See: http://www.w3schools.com/css/tryit.asp?filename=trycss_align_container

I created a test page which you can see at the URL below. I added the .center class to the CSS(line 27) and the center <div> around the whole page (line 41 and 81), but it still is left justified. The goal is to center the entire page. Please have a look and tell me if you're able to see what I'm missing. Thank you.

You have a height, width, and float attribute for your body tag. That is throwing everything off.

Remove those (main.css line 2)

Then add a margin:auto; to your wrapper tag. (main.css line 19)

You will want to move your logo into your wrapper div so it is centered with the rest of the page.