Как я могу строго переносить текст фиксированной ширины ⇐ Html

[Anonymous]

Я хочу показать вывод некоторых программ на веб-странице, и я хочу сохранить все пробелы и заставить все строки переноситься в фиксированную ширину (например, 8ch в приведенном ниже фрагменте) с помощью стилей CSS.
Я попробовал атрибут css white-space:pre-wrap / white-space:break-spaces, чтобы сохранить пробелы как есть и разрыв слов: Break-all, чтобы текст переносился в любую позицию.

Код: Выделить всё

Without space
12345678123456781234567812345678
with white-space:pre-wrap;
123456  1234  7812  5678  345678
with white-space:break-spaces;
123456  1234  7812  5678  345678

Однако при использовании white-space:pre-wrap пробелы не отображаются в начале строки;
при использовании white-space:break-spaces строка переносится раньше, а не придерживается фиксированной ширины строки.
Я хочу, чтобы

Код: Выделить всё

123456
1234  78
12  5678
345678

Как это сделать?

Подробнее здесь: https://stackoverflow.com/questions/798 ... ixed-width