用ul li来排列图片与下列文字

使用`<ul>`和`<li>`来排列图片与文字，通常是在创建一个多列或网格布局的列表中，每个列表项包含一个图片和相应的描述。下面是一个基本的例子：

<ul class="image-gallery">
  <li>
    <img src="image1.jpg" alt="图片1描述"> <!-- 替换为实际图片路径 -->
    <div class="caption">这是图片1的描述</div>
  </li>
  <li>
    <img src="image2.jpg" alt="图片2描述">
    <div class="caption">这是图片2的描述</div>
  </li>
  <!-- 添加更多li元素以显示更多图片 -->
</ul>

在这个结构中：
- `ul` 包含所有的`li`元素，形成一个列表容器。
- 每个`li`元素对应一个单独的图片和描述对。
- `img` 标签用于插入图片，`src` 属性提供图片路径，`alt`属性提供图片的替代文本，便于搜索引擎理解和视障人士理解。
- 文字描述放在`<div>`标签内，通常有`.caption`这样的类名以便于样式定制。

你可以通过CSS来调整列表项的布局、图片大小和描述区域的样式，使得图片和文字更美观地展示在一起。