css左图片右上下文字

在CSS中，如果你想让一张图片位于文本的左侧，并且文本环绕在图片上方和下方，你可以使用`float`属性配合`display: inline-block`或者`flexbox`布局来实现这种布局。这里是一个基本示例：

.container {
  display: flex;
  align-items: center; /* 文本围绕图片 */
}

.image-container {
  float: left; /* 图片向左浮动 */
  margin-right: 10px; /* 与文本留出空间 */
}

.text-content {
  display: block;
  flex-grow: 1; /* 自适应宽度 */
}

/* 如果图片是行内元素 */
.image-inline {
  display: inline-block;
  vertical-align: top;
}

然后在HTML中应用这些样式：

<div class="container">
  <div class="image-container">
    <img src="your-image.jpg" alt="描述图片">
  </div>
  <div class="text-content">
    这是上面的文字
    <br>
    这是下面的文字
  </div>
</div>