Breaking up long URLs

How many times have you had to add a big URL into a tiny space and then, well, despaired? Take a look at example_11-04. The problem can also be seen in the following screenshot; notice that the URL is breaking out of its allocated space:

Figure 11.1: Long URLs can present a problem

It's easy to fix this issue with a simple CSS declaration, which, as chance would have it, also works in older versions of Internet Explorer as far back as 5.5! Just add:

word-wrap: break-word;

to the containing element, which gives the following effect:

Figure 11.2: Using break-word, we can tame long URLs

Hey presto, the long URL now wraps perfectly!