Html 使用flex横向对齐图像和文本

我使用flex将图像和文本放在一行中。我想把两者水平对齐<代码>对齐项目：居中根本不起作用

对齐项目：灵活启动有点水平对齐，但不精确


不知道这里发生了什么。我正在寻找两个水平对齐非常准确，将不胜感激的帮助。我尝试将
style=“垂直对齐：中间；”
添加到

标记
默认情况下，弹性方向是按行设置的。对齐内容将使项目在水平轴上居中，对齐项目将使项目垂直对齐。可以将方向更改为“柱”，然后将这些方向翻转


#容器{
显示：
弯曲
对正内容：空间均匀；
对齐项目：居中；}

一些文本


#容器{
显示器：flex；
放置项目：中心；
}
p{
左边距：auto；//只是一个例子
}

文本