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通常已经将相应元素的显示属性设置为“阻止”。但它没有害处......！

Answer 2

见这里：http://jsfiddle.net/BWc2U/2/

这也将解决问题。没有必要让它们漂浮，你需要浮动漂浮物，否则后面的所有内容也会漂浮等...

a {
  margin-left: 5px;
  display: inline-block;
}

Answer 3

您只需浮动链接即可在不编辑html

的情况下消除空白区域

a {
    margin-left: 5px;
    float: left;
}

http://jsfiddle.net/e8quz/2/