CSS：将OL列表样式与框式修饰符组合在一起

Question

我正在尝试实现OL列表样式，同时确保每个LI中的所有文本都左对齐，但仍在数字的右侧。

1. Some long text that is wrapping.
   Text wraps nicely.

以下是我已采取的步骤：

1. 此jsfiddle显示了基本的无样式OL。注意每个LI如何跨越多行。但是，所有行的所有左边界都对齐：

jsfiddle.net/mdslup/px7wve5L/1/

1. 下一个小提琴包含用于设置列表元素编号样式的CSS。但是请注意，现在第二行文本不再与第一行对齐。

jsfiddle.net/mdslup/f0g7rnzc/1/

1. 在这个小提琴中，我尝试向LI添加white-space：pre-wrap，但没有效果：

jsfiddle.net/mdslup/dxtzgasr/

1. 在这个小提琴中，我尝试向LI添加box-decoration-break：clone。

jsfiddle.net/mdslup/94hu7jqz/1/

＃3或＃4均无效。谁能帮我结合这两个功能？