list-style-position 既可用于 ul，也可用于 li，用于 ul 相当于对 ul 下的所有 li 设置。由于本文演示的是各 li 的区别，所以是用在 li 的。
li 的 list-style-position 默认值为 outside，各个浏览器均这么认为。一般情况下，我们也发现不出大家对 outside 有什么不同的解释。比如下面的代码：
<ul style="margin:0px;padding:0px 0px 0px 20px;">
<li style="">中华人民共和国中华人民共和国中华人民共和国</li>
<li style="list-style-position:outside;">中华人民共和国中华人民共和国中华人民共和国</li>
<li style="list-style-position:inside;">中华人民共和国中华人民共和国中华人民共和国</li>
</ul>
上面的代码，在各浏览器中看起来均是下面这个样子：
现在把代码改一改，给 li 加上宽度限制：
<ul style="margin:0px;padding:0px 0px 0px 20px;">
<li style="width:100px;">中华人民共和国中华人民共和国中华人民共和国</li>
<li style="width:100px;list-style-position:outside;">中华人民共和国中华人民共和国中华人民共和国</li>
<li style="width:100px;list-style-position:inside;">中华人民共和国中华人民共和国中华人民共和国</li>
</ul>
结果：
左边是 IE 6 的，右边是 Firefox、Chrome 等浏览器的。
可以看出两点：
IE 6 认为，li 前面的引导小黑点应该在 li 的最下面。
IE 6 认为，list-style-position:inside 只是把位置移到里面一点，同时 li 中文字也要整块后移；但 Firefox、Chrome 等认为引导小黑点是溶入文字中。
