Ich würde dir empfehlen die Bilder in .image_container immer display:block zu setzen. Das vereinfacht spätere Formatierungen, ermöglicht pixelgenaues Formatieren und lässt das Bild nicht mehr auf Eigenschaften reagieren, welche für Text gedacht sind - vertical-align, text-align, line-height ...
PHP-Code:
.image_container img {
display: block;
}
Zentrieren so wie du es möchtest kannst du dann ganz elegant mit:
PHP-Code:
figure {
/* display: inline-block; */
/* text-align: left; */
}
.ce_image {
/* text-align: center; */
margin: 0 0 50px;
display: flex;
justify-content: center;
}
Lesezeichen