Как пронумеровать строки кода в HTML?

Question

[beduin01]

Никак не могу придумать как сделать. Есть тег cоde. Нужно чтобы у каждой строки были номера. Без JS. Максимум что приходит в голову это:

<li><code>aaaa</code></li>
	<li><code>aaaa</code></li>
	<li><code>aaaa</code></li>

Но тогда каждая строка это отдельный блок т.е. подсветку синтаксиса нормально не подключить т.к. у нас на первой строке к примеру скобка может открываться, а на 10 закрываться. Если помещать весь код в один блок code то не понятно как для него номера строк создавать.

Answer 1

[Александр Аксентьев]

Без JS.

отдельный блок т.е. подсветку синтаксиса нормально не подключить

А как вы без JS собрались подсветку добавлять?

Это всё и делается одним махом подвестка/редактирование/нумерация.

Comments

[beduin01]

Давайте упростим ситуацию. Допустим мне подсветка не нужна.

[Александр Аксентьев]

beduin01: https://www.google.ru/search?q=html+css+only+line+...

Answer 2

[simka alien]

https://codepen.io/simkaUser/pen/gRxreO это вариант ?

Comments

[beduin01]

Нет, не подходит...