用户代理样式表覆盖 - 段落文本

Question

我有一些段落文字，如下所示，但是在Chrome中，它会在左侧添加1em边距。这是我的代码：

.bold { font-family: Verdana, Arial, Helvetica, sans-serif; color:#333337; font-weight:bold; margin:0px; -webkit-margin: 0px!important;}

以下是定义文本的HTML。

<p class="bold">Account Name</p>

一如既往，感谢您的帮助。

编辑： 这是执行覆盖

的用户代理样式表

p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

Answer 1

您应该使用一些CSS reset。

在您的具体情况下，这应该有所帮助：

p {
  margin: 0;
}