子弹位置

列表由包含元素（<ul> 或 <ol>）内的 <li> 元素组成。列表项和容器都可以具有边距和填充，这会影响文档中列表项内容的确切位置。每个浏览器的边距和填充的默认值可能不同。为了获得相同的跨浏览器布局，需要专门设置这些布局。

每个列表项都有一个标记框，其中包含项目符号标记。此框可以放在列表项框的内部或外部。

list-style-position: inside;

将子弹放在 <li> 元素内，根据需要将内容推向右侧。

list-style-position: outside;

放置 <li> 元素的子弹。如果包含元素的填充空间不足，标记框将向左延伸，即使它会从页面上掉落。

显示 inside 和 outside 定位的结果： jsfiddle