前端之家收集整理的这篇文章主要介绍了
html – 上标下划线随文字移动，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我有
HTML代码：
<div id="blah">
We have winner of 1<sup>st</sup> Tournament
</div>
用css
#blah{
text-decoration:underline;
}
但这会将st向下移动到顶部并且看起来很奇怪.有什么办法可以使用css修复它
这很简单
试试这个
#blah sup{
display:inline-block;
border-bottom:1px solid #000;
padding-bottom:2px;//as per your requirement
}
原文链接：https://www.f2er.com/html/226380.html
