<pre><code class="language-css"> сохраняет форматирование и даёт хук для подсветки Prism или Shiki на статическом сайте.
Экранируйте < и & в HTML-вставках — иначе сломаете разметку страницы.
- [<pre> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre) — Предформатированный текст.
- [<code> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code) — Фрагмент кода.
---
## Доступность
Добавьте tabindex="0" на длинный pre с горизонтальным скроллом — клавиатурный доступ к обрезанному коду.