HTML中图片在左，文字在右

在HTML中，你可以通过CSS来控制图片和文字的对齐方式。如果想要图片在左边，文字在右边，可以使用`float`、`display: flex` 或者 `text-align` 属性配合使用。这里给出一个例子，假设有一个包含图片和标题的`<div>`元素：

<div class="image-text-container">
  <img src="your-image-url" alt="Image description">
  <p>这是右侧的文字描述</p>
</div>

然后在CSS里添加样式：

.image-text-container {
  display: flex;
  justify-content: space-between; /* 图片在左边，文字在中间 */
}

/* 如果你希望文字自动换行并保持在图片右侧 */
.image-text-container p {
  text-align: right;
}

或者使用传统的浮动布局：

.image-text-container {
  float: left; /* 将图片浮动到左侧 */
  width: 50%; /* 留出另一半空间给文字 */
}

.image-text-container img {
  float: left; /* 保证图片也向左浮动 */
}

.image-text-container p {
  margin-left: 60%; /* 让文字从图片开始 */
}