title: CSS - Underline text but ignore the spaces
body: <p>I have a couple of links that have a margin-left of 3px. These links are underlined and look like that:  </p>
  
  <pre><code>&lt;a href='#'&gt;
      test
  &lt;/a&gt;
  </code></pre>
  
  <p>Unfortunately, there are spaces inside the link and I'm not able to remove these space since I don't have access to the HTML code. These spaces are also underlined, which I'm not happy with. Is there any way to remove them without changing the HTML?</p>
  
  <p>Here is a fiddle that shows my problem: <a href="http://jsfiddle.net/e8quz/" rel="noreferrer">http://jsfiddle.net/e8quz/</a>  </p>
  
  <p>Update:<br>
  Here is a picture, what I want it to look like:
  <img src="https://i.stack.imgur.com/SRm4E.png" alt="enter image description here"></p>