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>