Css 将图像对齐到中心

很难使三幅图像成为相应盒子/容器的底部中心，而不会从边缘溢出到黄色背景上。网址

移除高度

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

删除高度

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

---

删除

float

并将

margin:0 auto

添加到

中。客户端图像

类：

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

并将

页边距底部

添加到

反馈框中。客户端

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

---

删除

float

并将

margin:0 auto

添加到

中。客户端图像

类：

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

并将

页边距底部

添加到

反馈框中。客户端

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