將圖像對齊到中心

Question

難以將三幅圖像作爲相應盒子/容器的底部中心，而不會溢出到黃色背景的邊緣。網址link

Answer 1

刪除高度

.feedback-box .client { 
    margin-top: 30px; 
/* height: 73px; */ 
    position: relative; 
} 

刪除浮動， 補充保證金：0汽車;

.feedback-box .client-image { 
    /* float: right; */ 
    width: 150px; 
    height: 100px; 
    padding: 5px; 
    border: 4px solid #ececec; 
    margin: 0 auto; 
} 

Answer 2

刪除float並添加margin: 0 auto到.client-image類：

.feedback-box .client-image { 
    /* float: right; Remove this or float:none */ 
    width: 150px; 
    height: 100px; 
    padding: 5px; 
    border: 4px solid #ececec; 
    margin: 0 auto; 
} 

，並添加margin-bottom爲.feedback-box .client

.feedback-box .client { 
    margin-top: 30px; 
    height: 73px; 
    position: relative; 
    margin-bottom: 20px; 
}