子彈位置

列表由包含元素（<ul> 或 <ol>）內的 <li> 元素組成。列表項和容器都可以具有邊距和填充，這會影響文件中列表項內容的確切位置。每個瀏覽器的邊距和填充的預設值可能不同。為了獲得相同的跨瀏覽器佈局，需要專門設定這些佈局。

每個列表項都有一個標記框，其中包含專案符號標記。此框可以放在列表項框的內部或外部。

list-style-position: inside;

將子彈放在 <li> 元素內，根據需要將內容推向右側。

list-style-position: outside;

放置 <li> 元素的子彈。如果包含元素的填充空間不足，標記框將向左延伸，即使它會從頁面上掉落。

顯示 inside 和 outside 定位的結果： jsfiddle