Center 2 schwebende Bilder

Question

Ich möchte 2 Bilder zentrieren Ich habe Display auf Block und Rand 0 gesetzt, aber nichts passiert, ich habe versucht, den Rand auf den verschiedenen divs aber auch kein Ergebnis. Ich kann nicht scheinen, um herauszufinden, was mache ich falsch,

dies ist die 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

Sie Ihre Markup hier angenommen, aber Sie wollen text-align: center dem Mutter hinzufügen möchten, dann machen die Kind Blockelemente display: inline-block, dann werden diese Elemente im Eltern zentriert werden.

Sie brauchen auch keine Kommas zwischen den Füllmengen, und ich konsolidiert einige Ihrer 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; 
 
}