html怎么实现在图片右下角显示文字同时可以在右侧显示文字

可以使用CSS的position属性和float属性来实现在图片右下角显示文字和在右侧显示文字。

在图片右下角显示文字

HTML代码：

<div class="image-with-text">
  <img src="your-image-url.jpg" alt="Your Image">
  <p class="text">Your Text Here</p>
</div>

CSS代码：

.image-with-text {
  position: relative;
}

.image-with-text img {
  display: block;
}

.image-with-text .text {
  position: absolute;
  bottom: 0;
  right: 0;
}

在右侧显示文字

HTML代码：

<div class="image-with-text">
  <img src="your-image-url.jpg" alt="Your Image">
  <div class="text">
    <p>Text 1</p>
    <p>Text 2</p>
    <p>Text 3</p>
  </div>
</div>

CSS代码：

.image-with-text {
  display: flex;
  align-items: center;
}

.image-with-text img {
  margin-right: 20px;
}

.image-with-text .text {
  float: right;
}

注意：以上代码只是示例，具体的样式和布局需要根据实际情况调整。