Css 浮动和列表样式位置：内部，在最新的chrome中不工作？

我刚收到一个客户的电子邮件，他的网站上的一些列表元素一夜之间就坏了？ 在过去的几个月里，我没有改变任何代码，当我尝试这个简单的代码时：Firefox和IE确实尊重列表风格的位置：inside；在浮动列表元素上，但现在Chrome没有？！有办法吗？这是一个bug还是一个新标准？（Html5 DTD）

保险商实验室{
列表样式位置：内部；
宽度：150px；
}
李{
背景：#c9c9c9；
浮动：左；
明确：两者皆有；
}

这似乎是Chrome中的一个bug。您可以尝试使用以下代码来达到此目的

ul li{
margin-left:1em;
}

是的，它是一只虫子。 检查

---

在你的JSFIDLE中检查这一点

这个问题似乎已经在Chrome中解决了，但仍然会影响Firefox。。

ul li{
margin-left:1em;
}

.clear{clear:both;}
li {
    background:#c9c9c9;
    clear:both;
    list-style-position: inside;
}
ul {
    width:150px;
}