Html A href标签占据了整个div

我想在页脚中为我的徽标创建一个链接，我通过

display:block

和

margin:0 auto

将徽标居中，但当我这样做时，

a href

标记占据了整个页脚，就像我将宽度设置为100%或其他什么

这是css示例

#footer{
height:60px;
position:absolute;
background-color:white;
bottom:0;
width:100%;
left:0;
}

#logo{
text-align:center;
width:50px;
height:auto; 
bottom:0px;
padding-top:10px;
display:block;
margin: 0 auto;
position:relative;
}

HTML（使用了JADE模板引擎）

---

将CSS更改为以下内容：

即，给你的锚定

显示：块属性而不是图像：

#footer a {
    display:block;
    ...
}

请向我们显示您的HTML。如何覆盖显示：块声明？因为我似乎无法将徽标居中？请发布一些html？不起作用，只是将图像从其居中位置抛出：（查看JSFIDLE，它就在那里。它在JSFIDLE中工作，但是，我必须保留图像的
宽度：50px
和
高度：auto
属性，因为如果我删除它们，图像会恢复到原来的大小，这些都是用来调整大小的。但是，当我删除其他所有内容并将代码复制到我的a标记上时，它仍然保持不变。）我什么也没做。图像仍然居中，但
a href
仍然占据了整个页脚。制作一个你自己的JSFIDLE，发布到这里，我会尝试修复它。我不知道发生了什么。当我将其复制到JSFIDLE并将JADE转换为纯HTML时，效果很好。不过，非常感谢你的支持伙伴。
#footer a {
    display:block;
    ...
}