css

現在Wordpressでサイドバーに記事やらなんやらの一覧を出力しています。
その際に例えば【ゴーゴーウェブマーケット 技術ブログ】だと長すぎて改行されてしまうのですが、その改行の位置がいまいち悪い。
ゴーゴーウェブマーケット
技術ブログ
と改行してくれればいいものの
コーゴーウェブマーケット 技
術ブログ
等収まりの悪い場所で改行されて困っています。

とりあえず改行操作にはcssでword-breakを設定すればいいとこのことで設定。上手くいかない。Firefoxdではだめっぽい。
を挿入すればいいという話をみて試そうとするもタイトルはthe_titleで自動で出力されるわけで、を追加できない。
そこで

$br_title =  preg_replace('/( |　)/',"<wbr>",get_the_title());

のように半角及び全角スペースをwbrに置換してタイトルを出力することに。
しかしうまくいかない。いや置換はされるんですが希望のところで改行されない。むしろ改行されなくなった（まあnobr設定してるのだからwbrがきいてないなら当たり前ですが）
さてさて・・・どうしたものか。