html无序列表横排图片

你可以使用 CSS 中的 `display: inline-block;` 属性来实现这个效果。以下是一个示例代码：

<ul class="image-list">
  <li><img src="image1.jpg"></li>
  <li><img src="image2.jpg"></li>
  <li><img src="image3.jpg"></li>
</ul>

.image-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.image-list li {
  display: inline-block;
  margin-right: 10px;
}

.image-list li img {
  max-width: 100px;
}

在上面的代码中，我们创建了一个无序列表，其中每个列表项包含一个图像。我们使用 CSS 将列表项设置为 `display: inline-block;`，这样它们就会横向排列。我们还添加了一些间距和最大宽度来使其看起来更好。