css图片文字垂直居中

可以使用flex布局来实现图片和文字的垂直居中：

HTML代码：

<div class="container">
  <img src="image.jpg" alt="image">
  <p>text</p>
</div>

CSS代码：

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

.container img {
  margin-right: 10px;
}

上面的代码将图片和文字包装在一个容器中，并将容器设置为flex布局。通过`align-items: center`将容器中的元素垂直居中。如果需要让图片和文字之间有一定的间距，可以给图片添加一个右边距。