The suggested tags work to break really long words (or URLs) but you'll get mixed results from browser to browser trying to flow text in narrow divs. For example a 200px div:
1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 1234567890
In Chrome the numbers break, in Firefox they do not--you get two columns of numbers! It seems Firefox doesn't consider how much space is available on the previous line of a "long" word--it doesn't break at every opportunity. If this behavior is ever corrected, I hope Firefox also considers how this affects text justification.
The "shy" tags help Firefox but you still get "ragged" text. I haven't done extensive tests but it appears the shy tags create unpredictable results (divs lose their style) when used in short words (less than 8 characters) in Firefox. I personally prefer Chrome's more aggressive breaks!
