Shaun Ellis Shaun Ellis - 23 days ago 9
CSS Question

Aligning Image to center

Having difficulty in getting the three images to be bottom center of the respective box/containers, without spilling over the edges of onto the yellow background. The web address link

Snapshot of images I am trying to centre

Answer

Remove height

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

Remove Float, add margin: 0 auto;

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