将图像的垂直位置移动为链接而不移动链接本身

Question

我有两个链接使用图像作为链接。奇怪的是，这些图像的位置略高于例外情况，如下图所示：

我想将这些图像移动一些像素，使其与文本的其余部分对齐。我已使用margin-top和padding-top寻址此路径#foot-content a img。但是当我移动它们时，它们只是将所有其余文本向下移动。如果方便我在我的页脚下放置我的html。你能让我知道那里有什么解决方案吗？

<footer>    
            <div id="footer-bg-left">
                <div id="foot-content">
                    <p>Diseñado por <a href="mailto:hola@escuderodesign.com">Daniel. R-Escudero</a> <span>|</span> Todos los derechos reservados <span>|</span> <a href="mailto:info@rosasusaeta.com">info@rosasusaeta.com</a> <span>|</span><a href="http://www.linkedin.com/pub/rosa-susaeta/50/1aa/134"><img src="./_img/footer/logo.linked.png"></a> <a href="https://www.facebook.com/rosa.susaetasalichs"><img src="./_img/footer/logo.facebook.png"></a></p>
                </div>
            </div>  
</footer>

Answer 1

严格来说，我不确定这是否是最佳做法，但我只是在CSS中做相对定位的事情。例如

img {
     position: relative;
     top: 10px; /* tweak until correct */
}