将一个文本置于另一个文本之上-html和css

我正在尝试将一个文本放置在另一个文本行上方

Test
Upgrade

我的html和css看起来还不错，但它的定位是

Test Upgrade

我的代码有什么问题

.升级{ 显示：内联块； }

---

将升级类中的显示属性更改为阻止

.upgrade {
display: block;
}

---

显然，您对显示类型内联块有一个混淆，这将使文本以您不希望的方式显示

获得所需结果的方法可以是display:block

---

检查显示选项列表

删除显示：内联块；从Upgrade您的代码输出Upgrade Test not Test Upgrade首先删除显示：inline block；。第二，我认为您需要不同的测试和升级。就像测试升级请看图片，测试远低于升级。如何使其更接近升级？在css中设置行高属性