Html CSS垂直对齐中心字体图标到文本

我被卡住了，无论

---

使用

i{垂直对齐：中间；}

正文{
字体系列：Arial，'无衬线'；
}
a{
字号：500；
字体大小：30px；
颜色：#000；
}
我{
字体大小：12px！重要；
字体大小：300；
垂直对齐：中间对齐；
}

---

使用

垂直对齐：中间对齐


正文{
字体系列：Arial，'无衬线'；
}
a{
字号：500；
字体大小：30px；
颜色：#000；
}
我{
字体大小：12px！重要；
字体大小：300；
垂直对齐：中间；
添加css
垂直对齐：将中间的
添加到字体超级图标以垂直对齐图标。我相信这就是您要找的

JS小提琴链接：
使用：
垂直对齐：50%；


正文{
字体系列：Arial，'无衬线'；
}
a{
字号：500；
字体大小：30px；
颜色：#000；
}
我{
字体大小：12px！重要；
字体大小：300；
垂直对齐：50%；
}
使用垂直对齐：中间；用于i标记