上标下划线随文字移动 [英] Superscript underline moves up with text

问题描述

我的HTML代码如下所示：

I have HTML code something like:

<div id="blah">
   We have winner of 1<sup>st</sup> Tournament
</div>

with css

#blah{
text-decoration:underline;
}

但是这会使st向下移动，并且看起来很奇怪。有没有什么办法可以用css来修复它？

But this moves underline of st to top and it looks wierd. Is there any way that i can fix it using css only

推荐答案

它的简单
试试这个

Its simple try this

#blah sup{
display:inline-block;
border-bottom:1px solid #000;
padding-bottom:2px;//as per your requirement
}

这篇关于上标下划线随文字移动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！