Aligning a float:left div to center?

Question

I want to have a group of images display horizontally across the page. Each image has a few link below it so I need to put a container around each image/link-group.

Answer 1

.contentWrapper {
    float: left;
    clear: both;
    margin-left: 10%;
    margin-right: 10%;
}

.repeater {
    height: 9em;
    width: 9em;
    float: left;
    margin: 0.2em;
    position: relative;
    text-align: center;
    cursor: pointer;
}