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>

---

标题内容中有一个元素向下压入段落左侧的区域

---

添加

清除：两者都有到
#stage#headline p
语句（任意一个）以直观地解决问题。
内部
#smallMenu>。内部小
存在未清除的浮动元素。他们把段落中的文字向右推

你可以用

#smallMenu>。小型内部{
溢出：隐藏；
}
Add
clear：两者都有
到
#stage#headline p
语句（任意一个）。或者，您可以在{content:；height:0；clear:both；}
之后使用
：谢谢请参阅下面关于使用：after{}的另一个注释，以防如果Chrome已经很好地运行，那么这是一个更好的修复。
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;
}