title: CSS Text underlining too long when letter-spacing is applied?
body: <p><br>
  Whenever <code>letter-spacing</code> is applied to something with an underline or a bottom border, it seems like the underline extends beyond the text on the right. Is there any way to do prevent the underline from extending beyond the last letter in the text?</p>
  
  <p>For example:</p>
  
  <pre><code>&lt;span style="letter-spacing: 1em; border-bottom: 1px solid black;"&gt;Test&lt;/span&gt;
  </code></pre>
  
  <p>Perhaps it'd be possible with a fixed width <code>&lt;div&gt;</code> and a border, but that is really not an option to surround every underlined element.</p>
  
  <p>Thanks!</p>