Javascript 如何使LI innerText具有缩进

编辑：此HTML是从Flash应用程序输出的&它的格式不正确，因为它包含不在ul或ol元素中的li元素。有没有办法用这个HTML（使用CSS）获得所需的缩进？希望我不必解析HTML并在需要的地方插入我的ol标记，希望：(

保持乐观和专注，同时关注他人的疑虑

是否有办法使HTML li元素中的每一行文本缩进？

我正在努力实现的示例：

这就是目前发生的情况，也是我试图避免的：

所以我有这个html：

<ol>
   <li><font>text here <b>some bold</b></font></li>
</ol>

这里的文字有些粗体

默认情况下，它在所有主流浏览器中都显示得很好。获得第二个示例所示的环绕效果的唯一方法是，您自己编写数字，而不是使用：

<ol>
    <li>List item 1</li>
    <li>List item 2</li>
</ol>

清单项目1
清单项目2

只要使用这些标记，就不会有问题。获取第二幅图像的唯一方法是使用CSS样式

列表样式位置：inside；

。如果有一些奇怪的样式表干扰示例，可以添加

style=“列表样式位置：outside；”

到

标签，以确保数字在文本之外

---

哦，嘎…后期编辑：

---

那么，

真的不起作用了。为什么不对每一个都使用一个div呢：添加一个
填充
和
文本缩进
：

li {
    text-indent: -1em;
    padding-left: 1em;
}

在JSFIDLE上。
默认情况下应该会发生：。你能发布一些代码/演示页面吗？@Ray Toal:编辑了我的帖子，似乎HTML格式不正确，它是从Flash应用程序输出的Flash应用程序输出的。
标记？Yikes！Run！：-）
li {
    text-indent: -1em;
    padding-left: 1em;
}