使 img 和 text 整体在 div 中垂直水平居中。

可以使用 flex 布局来实现。

HTML代码：

<div class="container">
  <img src="your-image-source" alt="your-image-description">
  <p>your text</p>
</div>

CSS代码：

.container {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

这样，img 和 text 就能在 div 中垂直水平居中显示了。