无法将边距权限添加到我的代码

Question

我正在尝试将padding-right添加到code中。尽管尝试了很多，但我还是做不到(甚至尝试过margin-right)。

.widget-title {
    color: #454545;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-right: 20px !important; /*First tried it without !important but it did not worked in both the cases.*/
    text-transform: uppercase;
}

这是标记，

<li id="categories-2" class="widget-container widget_categories"><h3 class="widget-title">Categories</h3>       <ul>

请帮帮我，我该怎么做呢？

Answer 1

把你的<h3>标签放在display:block;上。一旦你有了一个块元素(layer或div/span)，你就可以给它添加填充。

顺便说一句:在ul元素中使用h3标签对搜索引擎优化没有任何附加价值。您应该使用<span class="widget-title">my title</span>。那么你就不需要display: block;了。

seem：既然我发现这很有趣，我就去寻找对我之前关于附加值的声明的证明：http://www.seobythesea.com/2010/05/google-defines-semantic-closeness-as-a-ranking-signal/ (参见:用于确定语义结构的seem)，而他们似乎声称相反。但想象一下，有人在寻找针对h3的“类别背包”，并在ul中查找关键字。人们不会像那样搜索的。当人们用"high sierra Backpack“找到你的内容时，这是有意义的。因此，可以说，h3不会增加搜索条目的价值，在您的情况下，它更像是一个可视化指示器。