html中插入图片如何把文字放到图片右边

在HTML中，如果你想将文本放置在图片的右侧，可以使用`<figure>`、`<figcaption>`标签配合浮动（float）属性来实现。以下是一个基本示例：

<figure>
  <img src="your-image-url" alt="图片描述">
  <figcaption>这是一段文字，它会出现在图片的右侧。</figcaption>
</figure>

在这个例子中，`<img>`标签用于插入图片，`alt`属性提供图片的替代文本，当图片无法显示时作为文字说明。`<figcaption>`标签用于添加图解内容，通常会自动紧贴在其上方的图片右侧，并且默认不会影响其他元素。

如果你想要更精细的控制，比如让文字始终对齐于图片的右侧，可以使用CSS调整`float`和`text-align`属性：

<style>
.figure {
  position: relative;
}

.figure img {
  float: left;
}

.figure .caption {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
</style>

<figure class="figure">
  <img src="your-image-url" alt="图片描述">
  <div class="caption">这是一段文字，它会出现在图片的右侧。</div>
</figure>

这样，无论图片大小如何变化，文字都会始终保持在图片的右侧。