如何使用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/