如何将不同字体大小的两个单词排在同一行？

Question

我需要一个接一个地显示两行不同字体的文本，以便它们的顶行位于相同的垂直位置，即：

我尝试使用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;
}

Answer 1

一种方法是：

#container span {
    position: relative;
    top: 2px;
    }

调整2px以适应。