No-wrapping and Softwrapping: with NOBR, WBR and ­

• NOBR tags are used to prevent the browser from wrapping text.
•   is a non-breaking space, that provides a visual space, but not a wrap-point.
• WBR indicates a softwrap - where a wrap *may* occur.
• ­ is the soft hyphen, that also suggests where a wrap may occur, and should display a '-' at the end of the wrapped line.

Controls

A fixed width table of 400px. And a normal sentence with normal whitespace. The text should wrap, leaving a 400px width container

A fixed width table of 400px. With a very long url, with no spaces or wrap points. (interestingly the '?' seems to be regarded as a wrap point in Safari?)

Just using WBR

A fixed width table of 400px. With a very wbr-ed url. Wouldn't it be nice if this worked everywhere?

Combining NOBR with WBR

This time with NOBR wrapped around the whole url, still using WBR

A fixed width table of 400px. The sentence uses normal whitespace, but the nobr elements should force the table wider to accomodate the non-breaking text.

The sentence has normal spaces. Each is contained in a NOBR. WBR elements indicate wrap-points

Soft Hyphen

This time just using the soft-hyphen at potential wrap-points in the url