我正在重新设计网站,却遇到了一个奇怪的问题。我有一个简单的段落是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
语句(两者之一)以可视方式解决该问题。