Question: unable to make line-numbers work

I downloaded the library with core, default theme, all languages selected, line-highlight, line-numbers, file highlight, show language and highlight keywords plugins.

Then I include the js and the css on a page and I add the following html code:

<pre class="line-numbers"><code class="language-javascript">
Some javascript code here
</code></pre>

And the code is highlighted correctly, the language is shown at the top-right corner (so that plugin is working correctly) but I don’t get line numbers.

Am I doing something wrong?

[SergeyPodgornyy]

I also had the same problem, that plugin line-numbers was not displayed. The problem was, that I had a custom css for pre tag, that overwrites padding from plugin css. So, line numbers were not displayed because of the wrong padding.

[manfer]

I found the problem. The generated js and css files are fully dependant. You can’t build a css with a group of components selected and then change components and download only the js file because it won’t work.