title: Superscript underline moves up with text
body: <p>I have HTML code something like:</p>
  
  <pre><code>&lt;div id="blah"&gt;
     We have winner of 1&lt;sup&gt;st&lt;/sup&gt; Tournament
  &lt;/div&gt;
  </code></pre>
  
  <p>with css</p>
  
  <pre><code>#blah{
  text-decoration:underline;
  }
  </code></pre>
  
  <p>But this moves underline of st to top and it looks wierd. Is there any way that i can fix it using css only</p>