Diese Frage hat hier bereits eine Antwort:

Ich habe ein Problem mit der vertikalen Ausrichtung des Bildes in div

.img_thumb {
    float: left;
    height: 120px;
    margin-bottom: 5px;
    margin-left: 9px;
    position: relative;
    width: 147px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
}

.img_thumb img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}

<div class="img_thumb">
    <a class="images_class" href="large.jpg" rel="images"><img src="small.jpg" title="img_title" alt="img_alt" /></a>
</div>

Soweit ich weiß, brauche ich "display: block;" Bild in der Mitte positionieren und das funktioniert. Auch in Tutorials finde ich viele Antworten, aber sie sind nicht "nützlich", weil alle meine Bilder NICHT auf der gleichen Höhe sind!