Esta pergunta já tem uma resposta aqui:

tenho problema com a imagem alinhar verticalmente em 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>

Tanto quanto eu sei, eu preciso "display: block;" para posicionar a imagem no centro e isso funciona. Também nos tutoriais, encontro muitas respostas, mas elas não são "úteis", porque toda a minha imagem NÃO está na mesma altur