Using CSS to add line numbering

This site does not allow itself to be embedded. You can still read it on the original site — the toolbar below keeps your place in the directory.

When you want to display a code listing with HTML, you use a <pre> tag in order to indicate that the text is preformatted, then inside one or multiple <code> tags to specify it is a code. Showing line numbers appears may be quite useful, and the methods to achieve this vary widely: many use Javascript or tables&hellip; Yet it is possible to achieve this in a simple way, using only CSS and HTML.…

Read on sylvaindurand.org ↗