Html 放大时，我所有的h1标记都向右移动

我是新手，我不知道为什么放大时h1标签中的文本会向右移动

以下是CSS代码：

h1 {
    font-family: 'Raleway', sans-serif;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    margin-right: 500px;
    margin-left: 500px;
    text-align: center;
}

另外，我没有使用

，因为我开始编写代码时不知道它的用途。我试图改变它，但一切都是围绕我目前的技术

---

谢谢。

鉴于您刚刚开始编写代码，这看起来很棒

我刚开始的时候也做了同样的事情，我很确定大多数人都这么做。但正如评论所说，{margin:0auto}效果最好。 div非常非常重要

使用chrome的开发工具-这是快速添加和删除CSS规则的好方法。
查看->开发人员->开发人员工具。 通过可折叠菜单导航到标题，单击它并注意右侧的关联规则。取消选中左边和右边的边距以测试CSS规则

您需要删除左边的边距：和右边的500px

我还是会建议这样的

<div id="container">
<h1> Your Header </h1>
</div>

---

如果这起作用，请标记已回答的

左边距：500px

和

左边距：500px

似乎是最可能的罪魁祸首，您应该使用：

边距：自动

进行居中。我认为问题在于当你放大时，页面宽度会小于500px，而页边距不能用

minwidth

来处理它。我用这些来设置样式。它在文本的上方和下方添加了一行，我不希望这些行占据全部宽度。而

minwidth

是我在尝试一个解决方案，我忘了删除它。我实际上需要网站上所有的h1都是一样的。我以一种草率的方式编写了它，而使用

标记使一切都能正常工作需要大量的重写。也许我应该让你看看我的手表？（我没有从广告中赢得任何东西）我检查了你的网站。当我放大时，一切都保持居中。你在用什么浏览器？Chrome。它也可以在我的另一台电脑上运行（它也使用Chrome）。当我放大到125%以上时就会发生这种情况。在1080p显示器上，这可能是150%。您是否将h1包装在div中？没有，但没关系。成功了。我看的是托管网站，不是我的测试网站。我是个笨蛋。

#container h1 {
text-align:center
}
 #container{
 margin: 0 auto;
}