Html 如何垂直对齐高度大于旁边文本的双箭头？

我想对齐一个大的双箭头

»具有3rem大小，因此与旁边的文本（1.5rem大小）在一行中。我试着将它与边距和填充对齐。但这并没有改变任何事情

这是我的密码


.box{
背景色：#333333；
颜色：#ffffff；
填充：20px；
宽度：300px；
文本对齐：居中；
字体大小：1.5rem；
字体系列：Verdana；
边界半径：30px；
}
.阿罗{
字体大小：3rem；
线高：0；
}

我的文本»
可能是这样的：


.box{
背景色：#333333；
颜色：#ffffff；
填充：20px；
宽度：300px；
文本对齐：居中；
字体大小：1.5rem；
字体系列：Verdana；
边界半径：30px；
显示器：flex；
对齐项目：居中；
}
.阿罗{
字体大小：3rem；
线高：0；
边缘底部：5px；
}

我的文本»
只需将
位置：relative
应用于图标，并根据需要对其进行定位

我所做的就是在图标中添加
position:relative
和
top:0.5rem
，这样做的目的是相对于页面流中的正常位置设置其位置


.box{
背景色：#333333；
颜色：#ffffff；
填充：20px；
宽度：300px；
文本对齐：居中；
字体大小：1.5rem；
字体系列：Verdana；
边界半径：30px；
}
.阿罗{
字体大小：3rem；
线高：0；
位置：相对位置；
顶部：0.5雷姆
}

我的文本»
在图标中添加
位置：relative
，可能会对您有所帮助


.box{
背景色：#333333；
颜色：#ffffff；
填充：20px；
宽度：300px；
文本对齐：居中；
字体大小：1.5rem；
字体系列：Verdana；
边界半径：30px；
}
.阿罗{
位置：相对位置；
顶部：5px；
字体大小：3rem；
线高：0；
}

我的文本»
给投票人-为什么通过CSS改变位置并添加偏移量是调整元素位置的一种行之有效的方法。是的，我本可以更具创造性地使用：：after pseudoelement等-或者做其他一些时髦的事情-但简单的事实是，这个解决方案不仅有效-这是许多人常用的方法。它依赖于像素的完美性。它依赖于用户没有被放大或使用某个辅助工具来放大字体大小。这也使得以后更改字体大小变得更加麻烦。更好的方法是使用不关心特定像素值的工具，如
行高
或flexbox是引号字符，而不是箭头。如果你想要一支箭，那就用嘻嘻-这正是我在我的解决方案中所做的，我被否决了-直到你的解决方案以与我完全相同的方式出现。谢谢。我写了这个答案，然后看到了你的答案。我比你的答案投了更高的票。。。