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