画像を中央に合わせる

Question

3つの画像をそれぞれのボックス/コンテナの中央の中央にするのが難しく、黄色の背景にはみ出ることはありません。 Webアドレス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を削除し、.client-imageクラスに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

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

に margin-bottomを追加