HTML Centered Tiles

Question

I'd like to design a horizontal line of tiles. Ideally I'd like something like this:

http://jsfiddle.net/GolezTrol/BDb5K/ found in another post by GolezTrol.

But centered. I have a lot of trouble centering elements, and these have been no exception. What is the best way to center (and space out) a structure like this?

EDIT: this is what I want - https://i.sstatic.net/7KWWI.png

Answer 1

One way would be to give the #container element a fixed width and then apply this style:

margin: 0 auto;

That will work for horizontal alignment, if you're after vertical alignment as well take a look at this page which has a working example for most (if not all) browsers.