Css 将字体图标与flexbox垂直对齐

我不想在列表项中垂直对齐图标。我尝试过一些方法，但我不知道如何正确地将图标与中心对齐。这是下面示例中最明显的，带有箭头图标，靠近关闭图标。有什么想法吗

li{
显示器：flex；
}
法兰西{
flex-grow:0；
显示器：flex；
对齐项目：居中；
右边填充：10px；
}
.头衔{
柔性生长：1；
}

项目1


长标题项目

基本上，您不能…一些字形在其边界字体框中不居中

如果在图标周围放置边框，可以看到这一点

这不能用flexbox纠正。

li{
显示器：flex；
对齐项目：居中；
}
法兰西{
flex-grow:0；
显示器：flex；
边框：1px纯灰；
}
.头衔{
柔性生长：1；
}

项目1


长标题项目

如果这不是flexbox问题，则应将对齐属性添加到父元素（flex容器）@Temaniaf。这是一个令人敬畏的字体问题。有一个

fa-caret-down

图标，正确居中。按要求完成。好发现！