如何用HTML/CSS实现文字环绕图片的排版效果？

以下是各类内容的Markdown格式规范：

• 标题：使用井号（#）标识，#的数量对应标题级别，比如# 一级标题、## 二级标题。
• 列表项：以短横线（-）开头创建无序列表。
• 强调文本：用星号（*）包裹文本，单星号实现斜体（这是斜体文本），双星号实现加粗（这是加粗文本）。
• 代码或命令：单行内容用反引号（`）包裹，比如console.log("Hello World")；多行代码用三个反引号包裹，还可指定对应语言：

  function greet() {
    console.log("Hello");
  }
  

• 引用文本：用大于号（>）开头，比如：

  这是一段引用内容

• 链接：格式为[显示文本](链接地址)，比如：Markdown 基础教程
• 图片：格式为[图片描述文本](图片地址)，比如：

内容的提问来源于stack exchange，提问作者Mike Pierce