css上一行图片居中，下一行文字与上一行图片左对齐

可以通过以下CSS实现：

HTML代码：

<div class="container">
  <div class="image-wrapper">
    <img src="your-image-src" alt="your-image-alt">
  </div>
  <div class="text-wrapper">
    <p>Your text here</p>
  </div>
</div>

CSS代码：

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

.image-wrapper {
  text-align: center;
}

.text-wrapper {
  margin-left: 10px; /* 自定义文字与图片的间距 */
}

解释一下上面的CSS代码：

1. `.container` 元素设置为 `display: flex;`，使其成为一个 flex 容器。

2. `align-items: center;` 属性使 `.image-wrapper` 和 `.text-wrapper` 垂直居中对齐。

3. `.image-wrapper` 设置 `text-align: center;` 属性使图片水平居中对齐。

4. `.text-wrapper` 设置 `margin-left: 10px;` 属性，使文字与图片有一定的间距，并且左对齐。