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;上。一旦你有一个块元素（图层或div / span），你可以添加填充。

旁注：在h3元素中ul标记的SEO没有附加价值。您应该使用<span class="widget-title">my title</span>。那你就不需要display: block;。

编辑：由于我发现这很有意思，我去找我之前关于SEO增值的声明： http://www.seobythesea.com/2010/05/google-defines-semantic-closeness-as-a-ranking-signal/（请参阅：用于确定语义结构的HTML格式），他们似乎声称相反。但想象一下有人在寻找{Category 1}的“类别背包”和h3内的关键字。人们不喜欢那样的imho。当人们通过“高山脉背包”找到您的内容时，这是有道理的。因此，ul不会在搜索字词中增加价值，而且在您的案例中更像是一个可视指标。

无法为我的代码添加margin-right

1 个答案: