When the code exceeds the width of the browser window, the div containing the code (class="file-lines") is put below the div with the line numbers (class="line-number").
Suggested solution:
Put the CSS style display: table-cell instead of display: inline-block for the line-numbers and file-linesdivs.
Put the CSS style display: table-row for the div that contains them both and is contained by the <div class="code">
Put the CSS style display: table for the outermost <div class="code">
I would also suggest adding text-align: right for the line-numbers div, but that's a matter of taste.
When the code exceeds the width of the browser window, the
divcontaining the code (class="file-lines") is put below thedivwith the line numbers (class="line-number").Suggested solution:
display: table-cellinstead ofdisplay: inline-blockfor theline-numbersandfile-linesdivs.display: table-rowfor thedivthat contains them both and is contained by the<div class="code">display: tablefor the outermost<div class="code">I would also suggest adding
text-align: rightfor theline-numbersdiv, but that's a matter of taste.I tested that, and it solved the problem.