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

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;
}