Wie kann ich Text strikt mit einer festen Breite umbrechen? ⇐ HTML

[Anonymous]

Ich möchte einige Programmausgaben auf einer Webseite anzeigen, und ich möchte alle Leerzeichen beibehalten und erzwingen, dass alle Zeilen mit CSS-Stil in einer festen Breite (z. B. 8ch im Snippet unten) umgebrochen werden.
Ich habe das CSS-Attribut white-space:pre-wrap / white-space:break-spaces ausprobiert, um Leerzeichen wie sie sind beizubehalten, und Wortumbruch: break-all, um Texte an jeder Position umbrechen zu lassen.

Code: Select all

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

Mit „white-space:pre-wrap“ werden jedoch keine Leerzeichen am Anfang der Zeile angezeigt;
mit „white-space:break-spaces“ wird die Zeile früher umbrochen, anstatt sich an die feste Zeilenbreite zu halten.
Was ich möchte, ist

Code: Select all

123456
1234  78
12  5678
345678

Wie kann ich es schaffen?