Html 垂直对齐与img和导航链接/文本与flexbox

---

我正在尝试将链接与图像垂直对齐。我的想法是使用flexbox，但我将文本包装在一个span标记中，以便flexbox将其识别为子元素。不确定HTML的结构是问题所在，还是使用flexbox不是答案

如果您的图像和导航链接位于锚定标记内，则可以向锚定添加样式。检查代码段

a{
  display:flex;
  align-items:center;
}

li{
列表样式：无
}
a{
显示器：flex；
对齐项目：居中；
}

您在寻找：

img{vertical align:middle；}

还是希望文本显示在图像上方？是希望文本显示在图像下方，还是实际显示在图像上方？有几种可能性：我认为flex方向让我感到不舒服，这是一个简单的答案，感谢您提供的片段！

a{
  display:flex;
  align-items:center;
}