如何用css将图像对齐到中心？

Question

我有三张照片。需要对齐，以便它们适合在同一条线上并居中。我已设法使用float：left对齐第1和第3个图像;和浮动：对;但我正在努力调整中心图像。

以下是涉及的代码：

.postprojects {
     margin-top: 60px;
     padding-left: 35px;
     padding-right: 35px;
     padding-top: 35px;
     background-image:url('image/bgprojects.png');
     width: 889px;
     height: 300px;
     }

.postproject1 {
     float: left;
     overflow: hidden;
}

.postproject2 {
     float: left;
     overflow: hidden;
}

.postproject3 {
    float: right;
    overflow: hidden;
}

有什么建议吗？

（P.S。忽略网站底部的奇怪剪辑。这是填充错误）

Answer 1

试试这段代码，可能是：

.postproject2 {
    float: left;
    overflow: hidden;
    margin: 73px 10px 0;
}

小提琴：http://jsfiddle.net/praveenscience/eFK7F/2/