Вёрстка примеров кода с индикаторами переносов строк

Задача: сверстать примеры кода с переносами строк и индикаторами переноса в конце строк. Без картинок и JavaScript.

(Если вместо окна с примером вы видите пустое пространство — откройте исходный пост.)

Работает во всех современных браузерах (в IE начиная с 9-й версии). Ограничения: (1) количество индикаторов для одной строки определяется количеством символов переноса в атрибуте content селектора .code li:before; (2) длинные строки без пробелов не разбиваются.

Вы можете улучшить этот пост, отредактировав его на Гитхабе.

Обо мне

Я живу в Берлине и работаю фронтенд-разработчиком в Хире, а в свободное время фотографирую, пишу, глажу своих собак и пью кофе.

Читайте обо мне на моём сайте и подпишитесь на мой блог о фотографии и твитер.