Html 如何在侧边栏中对齐图标

我在侧边栏中有以下菜单项，但图标不会垂直对齐，例如，项目蛋糕未与其他项目对齐…如何使它们全部对齐

#菜单。菜单项{
边框底部：1px实心#D5D8D9；
填充：15px 0px；
颜色：#6B6A72；
显示器：flex；
对齐项目：居中；
证明内容：中心；
柔性包装：包装；
}
#菜单。菜单项一{
右边距：20px；
}
#菜单。菜单项a{
文字装饰：无；
颜色：#6B6A72；
字体大小：1.5rem；
}
#菜单。菜单项：悬停，#菜单。菜单项处于活动状态{
右边框：5px实心#45B29D；
颜色：#45B29D；
光标：指针；
}
#菜单。菜单项：悬停{
不透明度：0.7；
}
#菜单。菜单项：悬停a，#菜单。菜单项激活a{
颜色：#45B29D；
}

---

以下是如何将图像与css对齐：

#菜单。菜单项{
边框底部：1px实心#D5D8D9；
填充：15px 0px；
颜色：#6B6A72；
}
#菜单。菜单项一{
右边距：20px；
}
#菜单。菜单项a{
文字装饰：无；
颜色：#6B6A72；
字体大小：1.5rem；
左边距：50%；
}
#菜单。菜单项：悬停，#菜单。菜单项处于活动状态{
右边框：5px实心#45B29D；
颜色：#45B29D；
光标：指针；
}
#菜单。菜单项：悬停{
不透明度：0.7；
}
#菜单。菜单项：悬停a，#菜单。菜单项激活a{
颜色：#45B29D；
}

---

它们似乎正确地对准了中心。您想让它们左对齐，但在容器中居中吗？