Html 内部位置有序列表中第二行的跨浏览器缩进-不可能？

我已经在这里读了几个小时的帖子，找不到解决方案

我想创建一个有序列表，包含以下要求：

需要具有内部位置效果，所以从项目符号到文本没有大的间距

第二行必须缩进，以便与文本对齐

必须在所有浏览器上以相同的方式工作，从IE7和更高版本

答：此解决方案仅在chrome上运行良好（在FF和IE中存在偏差，css重置没有帮助）：

正文
正文
长文本，长文本，长文本，长文本

第二行较长的文本

B.此解决方案在IE7上不起作用，子弹消失（但没有偏差）：

---

谢谢

可能晚了一点，但这里有一个解决方案：

CSS:

哦，李{ 保证金：0； 填充：0； } ol{ 左侧填充：30px； } 李{ 利润率：0.15px-5px； } 李斯潘{ 位置：相对位置； 左：-10px； } 和HTML：

<p>
  Lorem ipsum dolor sit amet fugit error quae unde omnis aut aut, eos ut ratione omnis laudantium ab sit architecto nemo perspiciatis quasi doloremque voluptatem sunt ipsam ratione aperiam aperiam, aperiam error beatae voluptas aut doloremque eaque sit ut inventore ut omnis omnis, 
</p>

<ol>
  <li>
    <span>
      omnis ab quasi voluptatem voluptatem consequuntur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam, perspiciatis sed inventore eaque totam inventore sed ut sit dolores perspiciatis inventore ipsa totam ipsam ipsam, 
    </span>
  </li>
  <li>
    <span>
      omnis ab quasi voluptatem voluptatem consequuntur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam, perspiciatis sed inventore eaque totam inventore sed ut sit dolores perspiciatis inventore ipsa totam ipsam ipsam, 
    </span>
  </li>
</ol>

所有人都有自己的错误，所有人都有自己的错误，所有人都有自己的错误，所有人都有自己的错误，所有人都有自己的错误，所有人都有自己的错误，


omnis ab quasi voluptatem voluptatem Consequestur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam，perspiciatis sed inventore Eak totam inventore sed dolores perspiciatis inventore ipsa totam ipsam，


omnis ab quasi voluptatem voluptatem Consequestur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam，perspiciatis sed inventore Eak totam inventore sed dolores perspiciatis inventore ipsa totam ipsam，

这里有一把小提琴来显示结果：

（这是基于AbelRaj的评论，但更简洁。）使用css

计数器

滚动您自己的，并用li:：before将其包装起来

---

如果IE7能得到部分支持，我会很高兴；-）在css目标中使用文本缩进li@AbelRaj我不知道你的意思，你能解释一下吗？我试图理解你需要什么，并给出了一个简单的解决方案。检查这把小提琴。查找第一个列表项。这就是你想要的吗。与其他数字相比，1和文本之间的间距更大；它在IE7上也能工作吗？ ol,li { margin: 0; padding: 0; } ol { padding-left: 30px; } li { margin: 0 0 15px -5px; } li span { position: relative; left: -10px; }

<p>
  Lorem ipsum dolor sit amet fugit error quae unde omnis aut aut, eos ut ratione omnis laudantium ab sit architecto nemo perspiciatis quasi doloremque voluptatem sunt ipsam ratione aperiam aperiam, aperiam error beatae voluptas aut doloremque eaque sit ut inventore ut omnis omnis, 
</p>

<ol>
  <li>
    <span>
      omnis ab quasi voluptatem voluptatem consequuntur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam, perspiciatis sed inventore eaque totam inventore sed ut sit dolores perspiciatis inventore ipsa totam ipsam ipsam, 
    </span>
  </li>
  <li>
    <span>
      omnis ab quasi voluptatem voluptatem consequuntur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam, perspiciatis sed inventore eaque totam inventore sed ut sit dolores perspiciatis inventore ipsa totam ipsam ipsam, 
    </span>
  </li>
</ol>