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

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 */
}