CSS - 为文本加下划线但忽略空格

Question

我有几个链接,其余边距为3px.这些链接带有下划线,如下所示:

<a href='#'>
    test
</a>

不幸的是,链接中有空格,我无法删除这些空间,因为我无法访问HTML代码.这些空间也加下划线,我对此并不满意.有没有办法在不更改HTML的情况下删除它们？

这是一个显示我的问题的小提琴:http://jsfiddle.net/e8quz/

更新:
这是一张图片,我希望它看起来像:

Answer 1

这些空间来自换行符(众所周知的display:inline-block问题).

所以制作你的a元素display: block并将它们浮动到左边.

DEMO

PS:display:block"冗余",因为float通常已经将相应元素的显示属性设置为"块".但它没有害处......!