css一张图片和多行文字对齐，图片在左，文字在右

在CSS中，你可以通过结合`float`属性和一些定位技巧来实现图片在左侧而文本在右侧的布局。这里是一个基本的例子：

.container {
  display: flex; /* 使用弹性盒模型 */
}

.image {
  float: left; /* 图片向左浮动 */
  margin-right: 10px; /* 添加左右间距 */
}

.text {
  text-align: right; /* 文本内容向右对齐 */
}

然后在HTML中，应用这些样式到对应的元素：

<div class="container">
  <img src="your-image-url" alt="图片描述" class="image"> <!-- 图片 -->
  <p class="text">这是一段右边的文字。</p> <!-- 文字内容 -->
</div>

在这个例子中，`.image`类会使图片浮动到容器的左边，而`.text`类则会让其内的文本向右对齐。注意，现代的布局推荐使用Flexbox或者Grid代替浮动，因为它们更易于维护和兼容响应式设计。