センター2のフローティングイメージ

Question

私は2つのイメージを中心にしたいと思います。ディスプレイをブロックして余白0に設定しましたが、何も起こりません。異なるdivでマージンを試しましたが、結果はありません。私は

が、これはCSSで、私が間違ってやっているかを見つけるように見えることはできません：作り、その後、

#partners { 
background-color: #FFF; 
height: 500px; 
margin: auto; 
display: block; 
} 

#partners h2 { 
color: #000000; 
font-family: "helvetica"; 
font-size: 36px; 
text-align: center; 
padding-top: 110px; 
} 

.partner1 { 
float: left; 
padding: 0px, 50px, 0px, 50px; 
margin-top: 125px; 

} 

.partner1 img { 
width: 300px; 
} 

.partner2 { 
float: left; 
padding: 0px, 50px, 0px, 50px; 
margin-top: 125px; 
display: block; 
} 

.partner2 img { 
width: 300px; 
margin: auto; 
} 

Answer 1

はちょうどここにあなたのマークアップを想定していますが、親にtext-align: centerを追加します子ブロック要素display: inline-blockの場合、それらの要素は親の中央に配置されます。

また、詰め込み金額の間にカンマは必要ありません。私はいくつかのCSSを統合しました。

#partners { 
 
background-color: #FFF; 
 
height: 500px; 
 
margin: auto; 
 
display: block; 
 
text-align: center; 
 
} 
 

 
#partners h2 { 
 
color: #000000; 
 
font-family: "helvetica"; 
 
font-size: 36px; 
 
text-align: center; 
 
padding-top: 110px; 
 
} 
 

 
.partner1, .partner2 { 
 
padding: 0px 50px 0px 50px; 
 
margin-top: 125px; 
 
display: inline-block; 
 
} 
 

 
.partner1 img, .partner2 img { 
 
width: 300px; 
 
}