如何更改项目符号或非项目符号列表中除第一行之外的所有行的缩进？

Question

所以，我有如下简单的项目清单：

<ul>
    <li>Apple. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus venenatis elit turpis, vel facilisis risus pellentesque nec. Curabitur dapibus libero diam, egestas congue magna dictum ut. Fusce nec tortor ut erat ultrices fermentum. Proin dolor nibh, gravida eu mi sed, imperdiet venenatis est.</li>
    <li>Orange. Integer eget velit dolor. Aenean a metus at purus convallis porttitor. Etiam hendrerit leo eu elementum tempor. Sed at semper magna. Sed tincidunt, mi at auctor hendrerit, nibh tellus lobortis dui, nec volutpat nulla lacus adipiscing erat. In quis mi at lorem ullamcorper consectetur. </li>
</ul>

通常如下所示：

• 苹果。Lorem ipsum dolor sit amet，consecetur adipiscing elit。Vivamus venenatis elit turpis，vel fuisis risus pellentesque nec。Curabitur dapibus Libero diam，egestas congue magna dictum ut。Fusce nec tortor ut erat ultrices fermentum。Proin dolor nibh，gravida eu mi ed，饮食不透。
• 橙色。整数eget velit dolor。Aenean a metus at purus conallis porttitor。Etiam hendrerit leo eu elementum temor。Sed at semper magna。Sed tincdunt，mi在拍卖行hendrerit，nibh tellus bloortis dui，nec volutpat nulla lacus adipiscing erat。在lorem ullamcorper consecetur的quis mi。

但是，我需要更改除第一行之外的所有行缩进，使其看起来有点像这样：

• 苹果公司。Lorem ipsum dolor sit amet，concetetur adipiscing elit。维尼那提斯精英turpis Vivamus venenatis elit turpis，vel

但不更改外部DIV容器的尺寸、填充、边距或其他内容。仅UL或OL或LI标签上的样式。我在web上看到的只是如何更改第一个缩进，如果与DIV padding维度更改相结合，则可以使用它来完成上述问题，但这非常复杂，因为我无法控制HTML代码。我甚至不知道HTML代码将来是否会包含DIV。因此，我只能将CSS提供给OL、UL和LI。如何使用纯CSS实现这一点？

Answer 1

您可以将填充添加到li，然后使用负text-indent值替换第一行的填充。

JSFIDLE示例

li {
    padding-left:30px;
    text-indent:-30px;
}

这是我能想到的唯一解决办法。我试着使用第一行代码，但在这种情况下，这并不管用。