YUIツリービューのカスタマイズについて

質問

ＹＵＩツリービューのカスタマイズをしています。
ダウンロードファイルと日付を１行で左右に分けて表示しています。
多くのリファレンスでは、ツリーが一行になっているものは多く見かけますが、今回自分が作ろうとしているものは、文字数が多くＨＴＭL＋ＣＳＳですでに設定したボックスからはみ出てしまいます。
体裁としては、

------●ファイル名ファイル名ファイル名　　 2009.03.05
--------ファイル名ファイル名　

のようにポインターのアイコンとファイル名、日付のように表示し、ファイル名が長くてなってしまう場合は、二行にして表示したいです。
オリジナルのＣＳＳを読み込ませ、位置調整を試みましたが、うまくいきません。

------●ファイル名ファイル名ファイル名ファイル名ファイ　　
------ル名　　　　　　　　　　　　　　　　　　2009.03.05

上記のようにボックスのはしで折り返すか、日付の部分にかぶってしまいます。
ＨＴＭＬソース
["<img height=\"16\" width=\"16\" class=\"icon\" src=\"images/icon_excel.gif\"/> <span>自己紹介_1203.xls <span class=\"date\">2009年1月27日</span></span><span class=\"capacity\">29.50 KB</span>"]

オリジナルのＣＳＳソース
#treeDiv1 .date {
position:absolute;
width: 100px;
right: 30px;　　　　　
｝

ＣＳＳをどのように変えたら２行の表示になるのか、そもそもＹＵＩのほうのソースをいじればいいのかわかりません。説明不足の点もあるあるかと思いますが、よろしくお願いします。

回答No.1

askaaska

スタイルシートで
word-break
を指定してはどうかしら。

お礼

ご回答ありがとうございます。

word-breakを使用したところ、確かに折り返しましたが、
現状でwidthを指定できない状況だったので、別の方法で対処しました。

word-breakについては、未知のＣＳＳだったのでとても勉強になりました。情報に敏感にならなければ…と思います。