如何使LI innerText有缩进

Question

编辑：此HTML从Flash应用程序输出＆amp;它的形成很糟糕，因为它包含不在ul或ol元素中的li元素。有没有办法用这个HTML（使用CSS）获得所需的缩进？希望我不必解析HTML＆amp;在我需要的地方插入我的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;
}

JSFiddle上的

Try it。

Answer 2

默认情况下，它在所有主要浏览器中显示都很好。你可以像第二个例子那样获得回合的唯一方法是，如果你实际上自己编写数字而不是使用：

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

只要您使用这些标签就不会有问题。获得第二张图片的唯一方法是使用CSS样式list-style-position: inside;。如果你有一些奇怪的样式表干扰你的例子，你可以将style="list-style-position: outside;"添加到<ol>标签，以确保这些数字在文本之外。

---

哦，哇......发布编辑：

那么

<li>真的不会起作用。为什么不为每个人使用div：http://jsfiddle.net/aMdm9/