css - 美化行号来自 div

Question

prettify 的行号来自 div：

我意识到我可以用边距解决这个问题，但如果有大量行它们仍然会溢出。无论如何，有没有非静态地将这些数字保留在<pre>?

编辑：我已经尝试通过将列表位置设置在内部来处理它，这会破坏代码的布局：

编辑 2：我正在使用这个带有颜色变化的CSS 主题。

HTML：

<div class="grid-75" id="codeView">
    <div class="theme-{{{ $syntax }}}" id="codeTheme">
        <pre class="prettyprint linenums"></pre>
    </div>
</div>