CSS list-style-position属性，设置列表项标记位置
list-style-position属性
CSS中的list-style-position属性可以设置列表项标记的位置，可选的属性值如下表：
| 属性值 | 描述 |
|---|---|
| inside | 列表的项目标记设置在文本以内，文本根据标记对齐 |
| outside | 列表项目标记设置在文本左侧 |
| inherit | 从父元素继承list-style-position的属性值 |
list-style-position属性实例代码，及在线编辑器
下方实例将为列表项设置border边框属性，以此来更清楚地展现出list-style-position不同属性值的样式：
<ul class='lp1'>
<li>CSS</li>
<li>HTML</li>
<li>JavaScript</li>
</ul>
<ul class='lp2'>
<li>Python</li>
<li>Django</li>
<li>sklearn</li>
</ul>
<style>
.lp1{list-style-position:inside;}
.lp1 li{border:1px solid skyblue;}
.lp2{list-style-position:outside;}
.lp2 li{border:1px solid skyblue;}
</style>