Prettify line numbers come out of div

Asked Mar 16 '14 at 15:29

Active Mar 17 '14 at 20:35

Viewed 110 times

The line numbers for prettify come out of the div:

example outside

I realize I can fix this with a margin but if there are a large number of lines they will still overflow. Is there anyway to non-statically keep these numbers inside the <pre>?

EDIT: I have already tried playing with the list position by setting it inside, which breaks the layout of the code:

example break

example break 2

EDIT 2: I'm using this CSS theme with color changes.

HTML:

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

edited Mar 17 '14 at 20:35

asked Mar 16 '14 at 15:29

lDucks

I'm using [this CSS theme](http://demo.stanleyhlng.com/prettify-js/assets/themes/bootstrap-light/prettify.css) with color changes. – lDucks Mar 16 '14 at 15:36
Please show your HTML too? – Mike Samuel Mar 17 '14 at 17:43
I added my HTML above – lDucks Mar 18 '14 at 20:12

Prettify line numbers come out of div

0 Answers0