html - 画像タイトル 各要素を垂直方向に整列させる方法は?

Question

Web サイトのすべてのスポンサーをロゴと名前とともに一覧表示するページを作成しています。問題は、ロゴの高さが異なるため、タイトルを揃えることができないことです。結果は次のようになります。

しかし、私は次の結果を得たいです:

各スポンサー リストの HTML は次のとおりです。

<div class="one_fourth">
    <a href="LINK_TO_SPONSOR">
        <img src="URL_TO_IMAGE" />
    </a>
    <h3>Sponsore Title</h3>
</div>

私の画像に適用されるCSSは次のとおりです。

img
{
    display: block !important;
    max-width: 100% !important;
}

CSSで必要な結果を達成する方法はありますか?もしそうなら、どのように?

デモ