Html CSS可以';t从项目符号列表中删除缩进

Html CSS可以';t从项目符号列表中删除缩进,html,css,wordpress,Html,Css,Wordpress,我正在尝试使用CSS从项目符号列表中删除缩进和项目符号。以下是我正在做的: .entry-content ul{ list-style-type:none; padding:0;} 项目符号将从列表中删除,但缩进不是固定的。以下是HTML: <div class="entry-content"> <ul class=wp-block-categories wp-block-categories-list">

我正在尝试使用CSS从项目符号列表中删除缩进和项目符号。以下是我正在做的:

.entry-content ul{
    list-style-type:none;
    padding:0;}
项目符号将从列表中删除,但缩进不是固定的。以下是HTML:

<div class="entry-content">
     <ul class=wp-block-categories wp-block-categories-list">
          <li class="cat-item cat-item-8"><a href="https://xxx/?cat=8">Advice</a>
          </li>
     </ul>
</div>


您可能还需要申请:

.entry-content ul li {
  margin-left: -20px;
}

确切的边距大小将根据字体大小而有所不同,但默认为20px。

您的HTML中有一个错误

<ul class=:wp-block-categories wp-block-categories-list">

为什么
-20px
?为什么不
0
<ul class="wp-block-categories wp-block-categories-list">