Html 为什么Webkit浏览器会在我的文本右侧添加额外的空间？

我目前正在从事一个小项目，并设法发现自己对一些奇怪的错误感到困惑，这些错误似乎只出现在桌面webkit浏览器上

我的标题中有一个菜单，应该是这样的：（很遗憾，我还不能在我的帖子中正常嵌入图片或多个链接）

这正是我在任何非webkit浏览器中得到的结果。但是，如果我在Google Chrome或Opera中打开它，我会得到以下信息：

http://i.stack.imgur.com/Dz3Pp.png

我尝试了几乎所有可能的方法来找出为什么会发生这种情况，但每次都是一无所获。我已经检查了我的

如果错误不是立即发生的，请尝试刷新几次。-让我知道，如果任何进一步的细节可以帮助，我会尝试提供

注意：使用Chrome developer工具更改任何CSS属性似乎可以删除这个奇怪的空间-我不知道为什么，但刷新后错误仍然存在
 在css.header content nav>ul>li>a{display:block；}@RohitAzad对不起，它应该是'display:block'。我在玩弄它，看看会发生什么。我改变了它-尝试刷新，错误仍然发生！请注意，由于某种原因，更改开发人员tols中的任何内容似乎实际上都可以修复该错误-另一件我似乎无法解释的事情！除了Safari PC中不支持的“{page background:linear gradient（#263B4E，#2A2E31）}”之外，我没有看到任何问题。@GiacomoPaita-Hmm，这肯定是我需要研究的。我甚至不知道还有人在PC上使用Safari，因为我认为它已经报废了。我发现了一个旧版本的Safari PC，你说得对，那里似乎没有出现bug。奇怪。。。
http://i.stack.imgur.com/Dz3Pp.png

http://i.stack.imgur.com/ZOdLG.png