web网页中一张图片被文字上右下环绕的HTML+CSS代码

要实现一张图片被文字上右下环绕的效果，可以使用CSS的float属性和margin属性来实现。以下是一个示例代码：

HTML代码：

<div class="image-wrapper">
  <img src="your-image-url.jpg" alt="your image">
  <p>Your text here</p>
</div>

CSS代码：

.image-wrapper {
  width: 100%;
  overflow: hidden;
}

img {
  float: right;
  margin: 0 0 10px 10px; /* 上右下左 */
}

p {
  margin: 0;
}

这样做的效果是：图片向右浮动，文本会自动环绕在图片的左侧和下方。通过给图片设置margin属性，可以控制文本与图片之间的间距。而overflow:hidden属性可以防止文本溢出到图片下方。最后，为了避免p元素的默认margin造成的不必要的空白，需要将p元素的margin设置为0。