如何并排放置嵌套列表？

Question

我的小提琴：https://jsfiddle.net/a1g49g2t/7/

我希望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>

Answer 1

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

<强> Demo

请注意，顶级列表可以相对定位，以便更轻松地进行页面布局。只要它没有保留默认值（static）就无所谓了。