# How to use

Obviously, this is supposed to work only for code blocks (`<pre><code>`) and not for inline code.

Add the `line-numbers` class to your desired `<pre>` or any of its ancestors, and the line-numbers plugin will take care of the rest. To give all code blocks line numbers, add the `line-numbers` class to the `<body>` of the page.

Optional: You can specify the `data-start` (Number) attribute on the `<pre>` element. It will shift the line counter.

Optional: To support multiline line numbers using soft wrap, apply the CSS `white-space: pre-line;` or `white-space: pre-wrap;` to your desired `<pre>`.

# Examples

## JavaScript

## CSS

Please note that this `<pre>` does not have the `line-numbers` class but its parent does.

## HTML

Please note the `data-start="-5"` in the code below.

## Unknown languages

    This raw text
    is not highlighted
    but it still has
    line numbers

## Soft wrap support

Please note the `style="white-space:pre-wrap;"` in the code below.