Как форматировать div как pre-блоки?

Я пытаюсь отобразить некоторые HTML файлы с образцами кода, окруженные тегами codeblock. Есть ли стиль CSS, который может отображать кодовые блоки, как если бы они были тегами pre? (уважать новые строки, уважать пробелы и т.д.)

Ответ 1

Как это

div { white-space: pre; }

Ответ 2

Если вы хотите стать довольно модным, подумайте о таких библиотеках, как Pygments или highlight.js, которые будут выполнять полную раскраску синтаксиса в дополнение к красивой печати вашего кода.

Фрагменты будут реализованы в серверном Python; highlight.js работает на стороне браузера.

ИЛИ: используйте браузерный "редактор кода", такой как Ace, который затем отформатирует/раскрасит код... и просто используйте элемент управления только для чтения.