html无序列表怎么让两条内容在同一行显示

在HTML中，如果你想让无序列表（`<ul>`）中的两个项目在同一行显示，你可以使用CSS控制列表项（`<li>`）的样式。通常情况下，`<li>`元素默认会有一定的间距和换行。你可以尝试以下几种方法：

1. **浮动（Float）**:
使用 `float:left;` 或 `float:right;` 属性可以让列表项并排显示：

<ul>
  <li style="float:left;">项目1</li>
  <li style="float:right;">项目2</li>
</ul>

记得给包含列表的容器添加清除浮动，防止影响其他内容布局。

2. **display属性**:
如果想保持元素原始的块级格式，可以设置 `display:inline-block;`：

<ul>
  <li style="display:inline-block;">项目1</li>
  <li style="display:inline-block;">项目2</li>
</ul>

3. **宽度限制**:
设置每个列表项的 `width` 和合适的 `margin` 可以使其在同一行显示：

<ul style="list-style-type:none;">
  <li style="width:50%; display:inline-block; margin-right:1%;">项目1</li>
  <li style="width:49%; display:inline-block;">项目2</li>
</ul>

这里假设总宽度除以2余数较小的列表项宽度稍大一些，以避免左右对齐不整齐。