Html 如何将嵌套列表并排放置？

我的小提琴：

我希望ol和ul项目挨在一起。这可能吗

结构：

<ol class="level1">
  <li>item1</li>
  <li>item1</li>
  <li>item1</li>
  <li>item1</li>
  <li>
    <ul class="level2">
      <li>item2</li>
      <li>item2</li>
      <li>item2</li>
      <li>item2</li>
      <li>item2</li>
      <li>
        <ul class="level3">
          <li>item3</li>
          <li>item3</li>
          <li>item3</li>
          <li>item3</li>
        </ul>
      </li>
    </ul>
  </li>
</ol>

项目1
项目1
项目1
项目1


项目2
项目2
项目2
项目2
项目2


项目3
项目3
项目3
项目3

请注意，顶级列表可以相对定位，以便于页面布局。只要不保留默认值（

static

），这并不重要

---

请注意，顶级列表可以相对定位，以便于页面布局。只要没有保留默认值（

static

），就无所谓了。

首先，确保关闭所有标签，ol没有关闭。你说彼此挨着是什么意思？你不想要缩进，对吗？是否尝试添加左：0；我想要的是，ul和ol标签水平地浮动在一起。我可以使用浮动来工作。首先，确保关闭所有标签，ol不关闭。你说彼此挨着是什么意思？你不想要缩进，对吗？是否尝试添加左：0；我想要的是，ul和ol标签水平地浮动在一起。我可以使用浮动来工作。

ol ul {
    position: absolute;
    left: 200px;
    top: 0;
    background: #aaa;
}