如何将并排锚点和锚点图像标签垂直居中？

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
}