样式实现图片和文本左右对齐

可以使用CSS中的flex布局来实现图片和文本的左右对齐。

HTML代码：

<div class="container">
  <img src="image.jpg" alt="image">
  <p>文本内容</p>
</div>

CSS代码：

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

img {
  margin-right: 10px;
  /* 可以根据需要设置图片与文本的间距 */
}

解释：

- 将包含图片和文本的div容器设置为flex布局，可以使其中的元素自动左右对齐。
- 使用align-items属性设置元素在交叉轴（垂直于主轴的轴）上的对齐方式，这里设置为居中对齐。
- 设置图片的margin-right属性，使其与文本之间有一定的间距。