javascript - 如何让LI innerText有缩进

Question

编辑: 此 HTML 是 Fl​​ash 应用程序的输出，其格式不正确，因为它包含不在 ul 或 ol 元素内的 li 元素。有没有办法用这个 HTML(使用 CSS)获得所需的缩进？希望我不必解析 HTML 并在需要的地方插入我的 ol 标签，希望 :(

<textformat leading="2">
<li>
    <font style=" font-family: 'arial'; font-size: 14px; color: #FFFFFF; letter-spacing: 0px; ">
    Remaining optimistic and focused while paying attention to the doubts of others
    </font>
</li>
</textformat>

有没有办法让 HTML li 元素中的每一行文本都缩进？

我正在努力实现的示例:

这是目前正在发生的事情，也是我试图避免的事情:

所以我有这个 html:

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

Answer 1

添加一个padding和text-indent:

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

Try it在 JSFiddle 上。