图片和文字在一行水平对齐：CSS 实现方法

可以使用 CSS 中的 display 和 vertical-align 属性来实现图片和文字在同一行水平对齐的效果。

首先需要将图片和文字都放在同一个容器中，例如一个 div 标签。然后设置该 div 标签的 display 属性为 inline-block，这样就可以将图片和文字作为行内元素显示在同一行上。

接下来，通过 vertical-align 属性来控制图片和文字的垂直对齐方式，可以设置为 middle 或者 top 等值，具体根据实际情况来定。

示例代码如下：

HTML 代码：

<div class='container'>
  <img src='image.jpg' alt='图片'>
  <span>文字内容</span>
</div>

CSS 代码：

.container {
  display: inline-block;
  vertical-align: middle;
}
.container img {
  vertical-align: middle;
}
.container span {
  vertical-align: middle;
}

以上代码可以将图片和文字在同一行水平对齐显示。