Html 我怎样才能把我的文字和图像放在一个div的中间？

我有四行两列，一列是图片，另一列是文本。由于文本和图像大小不同，我希望它们垂直在中间。

这是我的一列代码和该div的CSS

.col2{
浮动：左；
宽度：46%；
填充：2%；
文本对齐：居中；
位置：相对位置；
证明内容：中心；
高度：300px；
}

做自由职业者
本课程将列出您需要的要点
考虑做自由职业的时候
确保您获得最大的专业和个人利益

使用容器和flexbox CSS包装您的列。 如果这样做不正确，请提供您想要的图像

.flex容器{
显示器：flex；
柔性流：行换行；
证明内容：之间的空间；
对齐项目：居中；
}
.col2{
宽度：46%；
填充：2%；
文本对齐：居中；
}

做自由职业者
本课程将列出您需要的要点
考虑做自由职业的时候
确保您获得最大的专业和个人利益

N3v4da的解释确实有效，但我将尝试深入了解更多细节

包装器div使用flexbox显示行中的元素

<代码>对齐项目：中心沿弹性行垂直居中项目（这意味着文本与图像居中）

justify content:
之间的空格将
img
和
div
元素放置在包装器div的相对侧

gap:20px
确保
img
和
div


.wrapper{
显示器：flex；
对齐项目：居中；
证明内容：之间的空间；
间隙：20px；
背景颜色：浅蓝色；
}
.img{
宽度：300px；
高度：300px；
}

做自由职业者
本次会议将列出你在从事自由职业时需要考虑的要点，以确保你获得最大的专业和个人利益。
我已经用一些图片更新了上面的问题，因为我不能在这里上传它们。我试过你的代码，但由于某些原因，整个内容都放在一列中。请确保删除任何可能干扰此代码的CSS。这是否回答了你的问题？