html - 链接与图像大小不匹配

Question

我正在构建的网站上的 Logo 是一个图像，如您所料，我希望该图像也是指向网站主页的链接。

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

代码如下:

<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 ，这将导致图像占据整行，从图像中删除显示 block ，然后添加 text-align: center CSS 到包含图像的 p。对包含年份的 p 也执行此操作。