垂直在嵌套跨度上对齐顶部

Question

我有一个简单的垂直对齐顶部问题。

<span class="pricing">
<span class="currency>
$
</span>
125
</span

我想要做的是将$符号与顶部的数字125对齐。所以，我应用当前的CSS

.pricing {
    vertical-align: text-top;
}
.currency {
vertical-align: text-top;
}

但是当我这样做时，$符号垂直对齐顶部，但数字不是。它仍然垂直对齐中间。结果是这样的： Pricing image

我知道有几种解决方法可以将它定位为绝对值并添加一些余量并进行转换以使其看起来像我想要的那样。但我只是好奇为什么它适用于货币类而不是定价类。