Html 如何修复<；h1>；将问题集中在响应页面上

当屏幕宽度大于840像素宽时，此响应页面上的h1未正确居中：

当宽度大于840时，左侧导航出现

当前h1标记如下所示：

<h1 style="word-wrap: break-word; white-space: normal;">The Mac OS 9 Installer is an Amazing Internet Time Capsule</h1>

Mac OS 9安装程序是一个惊人的互联网时间胶囊 当去掉换行和空白样式时，它保持不居中，如本版本的页面所示：

---

你知道如何正确地将它居中吗？非常感谢您的帮助。

您的问题在于设置了固定宽度。取下或覆盖此选项，问题就解决了。

如果删除

内容，则该选项看起来会起作用

header.major > :first-child::before, header.major > :first-child::after
...
content: '';

main.css 2064

您的h1有一个before伪元素，其宽度为150，这导致了您的问题。请参阅类：header.major>：first child:before，header.major>：first child:after问题本身并不存在，而是在headerInteresting中，但我仍然无法将屏幕宽度集中在840和1280之间。您是否尝试从该类中删除“content”属性？感谢您对StackOverflow的贡献。你的回答很有价值；但请避免使用图像作为代码片段。这降低了问题和答案的可读性和可达性。尝试编辑您的答案并添加代码段，对于内联代码块，使用单回勾“``包装，对于代码块，使用三回勾“``包装。你可以随时检查更多的格式选项。很好，这似乎是可行的！非常感谢。我现在正在测试不同的浏览器和宽度。所有测试都通过了！看起来很棒，谢谢你的帮助。我投了更高的票，但我的声誉分数太低，显然无法计算。