css - 如何使用css将图像与中心对齐？

Question

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

这是涉及的代码：

.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;
}

有什么建议么？

（PS忽略网站底部的奇怪剪辑。这是一个填充错误）

Answer 1

试试这段代码，可能是：

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

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