加上 list-style-position: inside; 即可
list-style-position 含义是属性设置在何处放置列表项标记。
list-style-position 值 为一下内容
list-style-position:inside 列表项目标记放置在文本以内,并且环绕文本根据标签对齐
list-style-posit:outside 默认值 保持标记位于文本的左侧。列表项目标记放置在文本以外,且环绕文本不根据标记对齐。
list-style-posit:inherit 规定应该从父元素继承 list-style-position 属性的值。
可以查阅相关资料 https://www.w3school.com.cn/cssref/pr_list-style-position.asp