ну для решения этой задачи лучший способ - использовать всегда картинки одного размера...
в принципе есть варианты, когда текст можно выровнять, но у всех этих способов есть свои минусы... далеко не все они кроссбраузерные....
например тот который я приводил, напоминаю
<div style="height:100px">
<!-- тут ставим картинку -->
<div style="line-height:100px"> <!--тут твоя ссылка--> </div>
</div>
работает во всех браузерах... но и он имеет свои минусы.. .в частности текста там должна быть одна строка, иначе вид будет - жесть..
но так как тебе нужно там вывести только ссылку, то он вполне подойдет...
причем можно оставить что так, а можно и прописать уже в стилях, дав классы новым блокам...
только, заметь - размеры тебе надо будет проставить свои вместо прописанных мною "100px"
p.s.
как вариант предлагаю еще один вариант:
в теле хтмл это
<div id="wrapper">
<div class="content1"><!--тут ставишь свою картинку --></div>
<div id="cell">
<div class="content2">
<!-- тут твоя ссылка -->
</div>
</div>
</div>
и в цсс это
#wrapper{
display: table;
}
#cell{
display : table-cell;
vertical-align : middle;
}
.content1{
}
.content2{
}
только имена айди и классов сам придумай, что бы не было таких в коде)
данный способ "резиновый", мы нигде размеры не задавали.. .и по идее все зависит от размера картинки...
но и тут свои минусы... например многовато вложенных тегов... ну и конечно же наш любимый ие версии 7 и ниже не поймет данную схему...
