CSS - Underline text but ignore the spaces -

i have couple of links have margin-left of 3px. these links underlined , that:

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

unfortunately, there spaces inside link , i'm not able remove these space since don't have access html code. these spaces underlined, i'm not happy with. there way remove them without changing html?

here fiddle shows problem: http://jsfiddle.net/e8quz/

update:
here picture, want like:

the spaces come line-breaks (well-known display:inline-block problematic).

so make a elements display: block , float them left.

demo

ps: display:block "redundant", float sets display property of respective element "block". no harm ...!