Html li标签中的填充

我是一名开发人员，对CSS不太了解。这里我遇到了一个简单的问题。我正在使用

Sitefinity CMS

进行开发。我使用了

ul

和

li

中的一页<设计师为

li

给出的code>CSS如下

.listing li {
list-style: circle url(/images/default-source/main_library/bullet.gif?Status=Temp&sfvrsn=2);
margin-bottom: 7px;
}

我刚刚将他的

HTML

复制到我的页面中，但我观察到

li

项目符号与设计师给出的位置不同。我使用了

开发人员工具

并进行了检查。My

CMS

将自己的风格添加到

li

中，如下所示

body, nav, ul, li, a {
margin: 0;
padding: 0;
}

---

当我禁用

填充时：0然后它似乎位于所需位置。但是如何禁用
填充：0来自开发环境。表示可以删除填充的任何
CSS
：0效果？
您需要应用
左填充：20px至
ul

将此添加到您的
css
：

.listing{padding left:20px；}

编辑：看起来您已经为
.listing
定义了样式，所以只需将其附加到
.listing
块，我相信它是
common.css
中的第730行

ul li { padding:5px; }

#my-Div div.another-div ul li { padding:0px; }

在本例中，更具体的li元素将使用0px填充而不是5px填充。你也可以添加！如果需要最终替代元素上的现有样式，则在属性之后很重要

ul li { padding:0 !important; }

只需使用更具体的选择器覆盖它。我编写了li{padding:1}，但不起作用：（
1
什么？你需要一个单位。试试
填充：1px；
。它从顶部填充，我的li在顶部是正确的，但在水平方向上它错放了。我试过
填充左：20px；
但它只把文本放在右位置而不是项目符号。根据你的编辑，使用：
。左面板\u在li内部{margin:20px；}
designer没有在我的情况下提供
填充，因为这是不必要的。它是由
CMS
提供的，所以我不能使用
！重要的
您需要将
填充左：20px；
应用到ul。将其添加到css:
。清单{padding left:20px；}
.Edit:看起来您已经为.listing定义了样式，所以只需将其附加到.listing块，我相信这是common.css中的第730行。谢谢..！！您的评论就是答案，请更新它以帮助他人。我已经接受并+1