隐藏图像显示后如何避免换行？

Question

我正在处理一系列链接，这些链接会在悬停时显示图像 但是，当图像被显示并随后隐藏时，会留下换行符。有什么方法可以避免这种情况吗？

以下是一些显示确切问题的图片：

之前：http://i38.photobucket.com/albums/e126/aaron123456/Screenshot2011-11-10at155956.png

图像显示后：http://i38.photobucket.com/albums/e126/aaron123456/Screenshot2011-11-10at160023.png

我对编码很陌生，你能给予的任何帮助都会很棒。 谢谢！

Answer 1

试试这个：http://jsfiddle.net/csPw2/

HTML

<span id="hover_img">Hover!<img src="http://www.google.de/images/srpr/logo3w.png" alt="image" /></span>
<br />
<a href="#">Link1</a><br />
<a href="#">Link1</a><br />
...

CSS

#hover_img img {
    display: none;
}
#hover_img:hover img {
    display: block;
}
#hover_img:hover + br {
    display:none;
}