将标记文本换行到某些字符javascript

Question

我在PHP中有一个自动生成的列表。

如何在字符周围包含字符串标记？我希望能够用css更改数字和短划线。我想定位所有列表项。

Eg:
1-Item
2-Item
3-Item
  1-SubItem
  2-SubItem
4-Item

Answer 1

CSS：

ul {
    counter-reset: item;
}
li {
    display: block;
    margin-bottom: .5em;
    margin-left: 2em;
}
li:before {
    display: inline-block;
    content: counter(item) "- ";
    counter-increment: item;
    width: 2em;
    margin-left: -2em;
}

查看小提琴： https://jsfiddle.net/3oho2t7v/