链接不匹配图像的大小

Question

我正在制作的网站上的徽标是一张图片，正如您所料，我希望该图片也是该网站主页的链接。

问题是链接覆盖的空间远远超过图像的边界。我知道这可能是一个简单的修复，但在某个地方，我错过了如何解决这个问题。

以下是代码：

<p><a href="http://plunderfest.muvltd.com/"><img class="aligncenter" style="border:0;" id="plunderHover" alt="" src="http://plunderfest.muvltd.com/wp-content/uploads/2014/02/pf-final.png" width="372" height="169" /></a></p>

以下是该网站的链接：http://plunderfest.muvltd.com

任何帮助都将无法理解，谢谢！

Answer 1

问题在于您将图片显示为block，这会导致图片占据整行，从图片中移除display block并添加text-align: center css到包含图像的p。对于包含年份的p也要这样做。