html - 段落标记中的文本对齐方式因浏览器而异

我正在重新设计网站，却遇到了一个奇怪的问题。我有一个简单的段落是align: center。它在Chrome中完美显示，但在Firefox和IE中文本向右移动。

我将所有段落标签都设置为margin: 0px作为基准。我注意到，删除此选项后，Firefox在顶部和底部添加了其标准1em边距，并且文本居中。但是，对于布局，我需要将页边距设为零。

这是我的HTML：

<div id="headline">
<p>It’s <span>easy</span> to get a great website, when you know how.</p>
<div>

这是相关的CSS：

p {
  margin: 0px;
  padding: 0px;
}

#stage #headline p {
  font: bold 3em/1.2em Montserrat,Helvetica,Arial,sans-serif;
  padding: .2em 6%;
}

#stage #headline p {
  text-align: center;
}

最佳答案

标头内容中有一个元素向下推到段落左侧的区域。

将clear:both;添加到#stage #headline p语句（两者之一）以可视方式解决该问题。