前端之家收集整理的这篇文章主要介绍了
HTML – 如何在不同的字体大小相同的行上对齐两个单词？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我需要一个接一个地
显示两行不同字体的文本,这样它们的顶行位于相同的垂直位置,即：
我尝试使用vertical-align：top,但没有运气.而不是预期的结果我有这个：
有没有一些标准的方法来达到预期的效果？
这是我的HTML：
<div id="container">
<span>TEXT</span> TEXT
</div>
和CSS：
#container {
font-size: 30px;
}
#container span {
font-size: 16px;
vertical-align: top;
}
一种
方法是：
#container span {
position: relative;
top: 2px;
}
调整2px以适应.
原文链接：https://www.f2er.com/html/225729.html
