Html 将图像与CSS对齐

我有以下HTML输出，我不能更改。这只是两个链接，一个是文本链接，另一个是图像链接

问题是，图像的位置似乎比文本高一点。我试图对齐图像中间的文字，但没有取得任何成功。 我曾尝试将

填充顶部

、

边距顶部

和

垂直对齐

设置为图像，但它们似乎都不起作用。我将感谢任何帮助

HTML:

JSFiddle：

添加

align=“top”

---

尝试使用

display:inline block

和

vertical align:middle

：

您可以这样编写css：

当

锚定时

标签将进入

p

标签将保持

垂直对齐：中间通过下面提到的css

p{
    font-size: 12px;
    border: 1px solid red;

}
p a {
    display:inline-block;
    vertical-align:middle;

}
.link img{
   margin-top: 5px;    
}

或观看演示：

.link img{
   margin-top: 5px;   
}

<p>
    <a href="#" class="link">
        <img width="14" height="14" src="http://i50.tinypic.com/f08ehe.jpg" align="top">
    </a>
    <a href="#" class="link">my title</a>
</p>

.link img{
   margin-top: 5px;   
}

p{
    font-size: 12px;
    border: 1px solid red;

}
p a {
    display:inline-block;
    vertical-align:middle;

}
.link img{
   margin-top: 5px;    
}