Centering floated elements in full-width div

Question

I'm working on a product catalog page, and the group of images needs to be centered but I have yet to find a way to do so, since they're all floated in a div that's a 100% in width.

I'm looking for a way to center those images horizontally without losing the flexibility of their floating properties.

Here's a link to the catalog on the website: http://internetvolk.de/katalog/

Answer 1

try using display: inline-block; istead of floating and add text-align: center to their parent container)

Answer 2

Augment with the following rules:

#katalog {
    text-align: center;
}

and

.imageLink {
    /** float: left; <-- REMOVE! */
    display: inline-block;
}