html – 上标下划线随文字移动

前端之家收集整理的这篇文章主要介绍了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

猜你在找的HTML相关文章