CSSでイメージと画像の縦位置中央揃え 12.02.20  （更新: 20.10.06）

【HTML】
<ul class="link">
<li><a href="/"><img src="sample.jpg" alt="サンプルバナー" width="190" height="80" /><span>サンプルバナーの説明テキスト</span></a></li>
</ul>

【CSS】
ul.link li {
list-style: none;
position: relative;
}
ul.link li span {
position: absolute;
top: 50%;
margin-top: -1em;
}