how to make a long url spread into two lines

Question

I have a very narrow column and a three-word URL that is pushing wider that the column's original width.

can i force the three words to spread over two or three lines and keep the URL link intact?

I am using css to style a custom drupal theme and the length/name of this url is a Drupal node name turned into a tab via the QuickTabs module, so I need to manage it via css, preferrably. I have the feeling this is a very easy fix, but I have searched thru Google and I cannot find anything that works for me.

Thanx in advance.

Answer 1

Try using:

word-wrap: break-word;

I don't think its supported in all browsers though.

See http://jsfiddle.net/jrRqb/ for an example