list-style-position:项目列表符号的位置 ,inside 向内,outside 向外
<style>
.br{
border: 1px solid black;
}
.FruitOutside{
list-style-position: outside;
}
.FruitInside{
list-style-position: inside;
}
</style>
<body>
<ul class="FruitOutside br">
<li>苹果</li>
<li>香蕉</li>
</ul>
<ul class="FruitInside br">
<li>西瓜</li>
<li>葡萄</li>
</ul>
</body>