Как сделать, чтобы в теге <pre> текст переносился по строкам (wrap text in pre tag)?

По-умолчанию текст, заключённый внутри тега <pre>, показывается на странице как есть. То есть если строка длинная, то она такой и останется. И следует либо вручную проставить переводы на новую строку, либо добавить в файл стилей следующее css-правило для тега <pre>:

pre {
     white-space: pre-wrap;       /* css-3 */
     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
     white-space: -pre-wrap;      /* Opera 4-6 */
     white-space: -o-pre-wrap;    /* Opera 7 */
     word-wrap: break-word;       /* Internet Explorer 5.5+ */
}