Html 使用1.1.1 css不正确地显示有序列表标题

我使用的是以下内容，它可以很好地定义1.1.1样式，但我有许多嵌套标题，它们显示在一行中。我已尝试了所有的显示选择器等。如何或在何处纠正此显示问题

ol.p11  {counter-reset:p11}
.p11 li {display:block}
.p11 li:before {content:counters(p11, ".") " "; counter-increment:p11}

例如：

    1. heading
    2.
    heading
       2.1 sub heading
       2.2 sub heading
       2.3
       heading
          2.3.1 sub sub heading
    3. heading

我想把标题和2联系起来。与2.3相关的子标题与数字指示器在同一行上

---

谢谢你抽出时间来陪我

最好是创建多个计数器并使用.p11>li。p11>li>ul>li。p11>li>ul>li>ul>li；等