Zeilenumbrüche im Wort

[sonic]

Hi!

Ich bin auf der Suche nach einer Möglichkeit, mit CSS oder Javascript einen Zeilenumbruch nach einer geiwssen Anzahl von Buchstaben (die Schriftart ist Monospace, d.h. die Zeihenbreite ist immer gleich) in einem pre bzw. in einer Textarea zu erzwingen.

D.h. folgender Text:

  
<div class = "myclassname" id = "myIdentifier">  
  bla!  
<div>  

Sollte bei einer Breite des Containers von 20 Zeichen folgendermaßen dargestellt werden:

  
<div class = "myclas  
sname" id = "myIdent  
ifier">  
  bla!  
<div>  

Ich hatte zuerst white-space:pre-wrap probiert, aber der bricht mir das folgendermaßen um:

  
<div class =  
"myclassname" id =  
"myIdentifier">  
  bla!  
<div>  

Was ich brauche, wäre aber eine Lösung, die immer innerhalb des Worts umbricht und nicht versucht, Silbentrennung oder Wortgrenzen zu berücksichtigen.

hat da evtl. jemand eine Idee?