html div居中左对齐,多个div居中左对齐，并排坐在一起

I'm trying to get multiple divs sitting next to each other, centered. When the window gets too small to fit all the divs in one row I would like the overflowing divs to bump down to the next row. Preferably aligned left but still centered.

If this isn't possible I'd also be happy to have them just be centered aligned.

An example of how I would like this to function is the large thumbs at the bottom of this page http://www.klossal.com/portfolio/index2.html

The current page I'm having trouble with is here http://www.klossal.com/portfolio/test.html

Here is my current code:

align="center"

style="

clear:both;

margin-left:auto;

margin-right:auto;

width: 100%;

visibility: show;">

Made in Photoshop

Photoshop created space environments made as concept backgrounds for several character drawings

Made in Photoshop

Photoshop created space environments made as concept backgrounds for several character drawings

Made in Photoshop

Photoshop created space environments made as concept backgrounds for several character drawings

Made in Photoshop

Photoshop created space environments made as concept backgrounds for several character drawings