title: Extending an underline in CSS
body: <p>Is it possible to over extend and underline so that it goes further than the word itself?</p>
  
  <p>Like so:</p>
  
  <p><img src="https://i.stack.imgur.com/VXGNx.png" alt="enter image description here"></p>
  
  <p>I tried:</p>
  
  <pre><code>.numbers u {
      width:200px;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/FZu9p/" rel="noreferrer">FIDDLE</a></p>
  
  <p>I was hoping it would work but I got nothing.</p>
  
  <p>Is there some sort of css trick to make this possible?</p>