html两个无序列表并排
时间: 2023-07-05 14:28:04 浏览: 95
HTML教程:无序列表
您可以使用 `display: inline-block` 或者 `float` 属性来让两个无序列表并排显示。以下是使用 `display: inline-block` 的示例代码:
```html
<ul style="display: inline-block;">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<ul style="display: inline-block;">
<li>Item A</li>
<li>Item B</li>
<li>Item C</li>
</ul>
```
您也可以将两个无序列表包裹在一个容器元素中,并使用 `display: flex` 属性来实现水平排列。以下是使用 `display: flex` 的示例代码:
```html
<div style="display: flex;">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<ul>
<li>Item A</li>
<li>Item B</li>
<li>Item C</li>
</ul>
</div>
```
这两种方法都可以让两个无序列表并排显示,您可以根据实际情况选择使用哪种方法。
阅读全文