新标签中的未对齐元素

Question

我正在研究一个内部项目，我遇到了一个非常奇怪的问题。该项目将存储在本地并从共享驱动器运行。没有网络服务器或类似的东西。

当我双击该文件以将其打开时，所有内容都会正确呈现。如果我点击刷新，它也会重新呈现。但是，当我打开一个新选项卡并将文件路径粘贴到地址栏时， -sometimes - 呈现的方式不正确。它并不是一直发生的，但是当我将文件路径粘贴到新选项卡时，我会猜测它在80％的情况下都会出错。刷新标签后，一切都很好。

所以我的问题是：可能导致这种情况的原因是什么？为什么不发生 - 所有时间？由于这仅供内部使用，我可以简单地让用户知道点击刷新，所以这不是什么大不了的事。我非常好奇为什么会这样。

请参阅下面的截图。左边是正确的渲染。

编辑：关于代码的一点：由于政策，我不能简单地将所有内容粘贴到此处，但这些元素包含在ul li中text-align: left。每个元素都有float:right。文本标签会在包含li

的内容中刷新

JSFiddle - 静态

JSFiddle - 使用JS