html - 将 img 向上或向下移动几个像素

Question

这看起来微不足道，但我找不到任何东西。我在这样的文本中有一个文本和小图像(图标):

<span>ask<img src=ask.svg height=16> fav<img src=fav.svg> voted</span>

我只需要将图像上下移动几个像素，以便与文本更好地融合。

我尝试了 CSS 样式，例如 margin-top:3px、padding-top:3px、display:absolute、display: relative 和其他一些，但没有任何效果。

更新:我不需要垂直居中对齐。是的，它看起来更好，但我仍然希望能够手动将图像移动几个像素。所以我的问题仍然存在:如何在任何方向上将文本中的图像垂直位置微调几个像素。

Answer 1

可以为img设置position: relative，然后用top或bottom移动它 http://jsfiddle.net/kencoder97/xu4158fL/

将图像向上移动几个像素的示例是

<img src="my_image.jpg" style="position: relative; bottom: 2px">