Javascript 如何将文本垂直居中放置在绝对容器旁边？

我希望将此文本垂直居中放置在图像旁边，以获得如下结果：

.container{
位置：绝对位置；
宽度：50%；
}
.span{
垂直对齐：中间对齐；
显示：内联；
}

应该在图像旁边垂直居中

Flexbox使这一点非常简单。如果您不熟悉，这里有一个指南：

.container{
显示器：flex；
对齐项目：居中；
}
.span{
左边距：30px；
}

应该在图像旁边垂直居中

如果img为100%宽度，文本将位于其下方。p中的div无效，此处需要绝对定位吗。。。关于网络媒体，您有很多东西需要学习和熟悉，或者这是一个大笑话；）。