两个图像链接之间的下划线

我在 div 中有以下 HTML 代码：

<a href="http://www.mysql.com">
<img src="images/php-power-micro2.png" alt="Image not available" title="PHP" border="0"/>
</a>
<a href="http://www.php.net"> 
<img src="images/mysql-power.jpg" alt="Image not available" border="0" title="MySQL"/>
</a>

这会产生以下输出下划线！？它们之间：

如果我只使用一个图像链接，下划线就会消失。

为什么会发生这种情况以及如何摆脱下划线？

下划线是一个或多个带下划线的空格字符。修复方法是删除任何可能被视为空格的内容a元素，例如换行符。标签内的换行符和其他空白（之间< and >) 还可以，不过：

<a href="http://www.mysql.com"><img src="images/php-power-micro2.png" 
  alt="PHP powered" border="0" title="PHP" /></a>
<a href="http://www.php.net"><img src="images/mysql-power.jpg"
  alt="MySQL powered" border="0" title="MySQL"/ ></a>

这意味着之间仍然存在换行符a元素，浏览器通常将其视为空格。在这种情况下，这可能并不重要，因为空间在外面a元素，因此不会加下划线；它只会造成一点间距。但为了使图像更清晰地分开，请考虑添加padding-left在第二个a元素。