Не знаю кто как, а я использую тег <pre>. Потому что это просто и быстро. Конечно, есть разные скрипты для подсветки кода на сайтах. Но, как я уже говорил, не люблю без надобности использовать нестандартные решения. Да и кусочки кода, которые я привожу на своих сайтах, обычно небольшие. Так что в них легко можно разобраться и без подсветки. В крайнем случае можно выложить картинку с кодом. Поэтому на сайтах я и применяю <pre> для выделения блока кода или для текста, где нужны буквы одинаковой ширины (например, при выводе простых таблиц)...

О теге <pre> я уже рассказывал не раз (например, здесь и здесь). Но получается, что рассказал не всё. То, о чём я буду говорить сегодня, скорее всего никому не пригодится. Особенно с учётом того, что известные мне современные браузеры это не поддерживают (или поддерживают криво). Однако кто знает, может где-то ещё работает забытый богом компьютер с каким-нибудь экзотическим браузером, который будет более-менее адекватно справляться с этим атрибутом. Опять же есть разработчики-прагматики, а есть разработчики-фанатики...