Как я могу вертикально расположить бок о бок теги привязки и привязки изображения?

Question

У меня проблемы с центрированием этих двух элементов.Я не уверен, в чем моя проблема.Надеюсь, кто-нибудь может мне помочь.Сначала вот скриншот того, что происходит:

Итак, как мне получить эти элементы по центру?

Вот мои HTML и CSS:

<div class="vcenter">
<p>
<a href="http://www.google.com">JimDaniel</a>
<a href="http://www.cnn.com"><img src="icon.png"/></a>
</p>
</div>

.vcenter
{
    padding:10px;
    background-color:darkBlue;
    min-height: 25px;   
    display: table-cell;   
    vertical-align: middle;
}

Спасибо за помощь!

Answer 1

Как это?

http://jsbin.com/opifu5

.vcenter img {
    vertical-align: top
}