Question

I want to display some code in a block, and include line numbers. How can I get line numbers showing, that can’t be selected, that does not rely on Javascript?

Pastebin.com appears to be able to do this, but I can’t quite figure out how. Any ideas?

Thanks in advance!

Answer 1

Pastebin solves this by adding every line of the contents as a LI element in an ordered list.

<ol>
  <li>public void foo() {</li>
  <li>  System.out.println("bar");</li>
  <li>}</li>
</ol>

The numbers from an such a list doesn’t get copied when selecting:

1. public void foo() {
2. System.out.println(“bar”);
3. }

The rest is styling using css.