html文本与图片居中对齐,Html：如何将文本与居中图像左对齐？

要将文本与居中的图像左对齐，可以使用CSS中的flex布局。以下是示例代码：

<div class="container">
  <p>这是一段文本</p>
  <img src="image.jpg">
</div>

.container {
  display: flex;
  align-items: center;
}

p {
  margin-right: 20px; /* 调整文本与图片之间的间距 */
}

上面的代码中，`.container`元素使用了flex布局，并且设置了`align-items`属性为`center`，这样就能让文本和图片纵向居中对齐。而`p`元素则设置了一个右边距，用来调整文本与图片之间的间距。这样就能实现文本与居中图像左对齐的效果了。