how to make a long url spread into two lines

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 th开发者_开发知识库is 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.

Try using:

word-wrap: break-word;

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

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

I know it is not the purest answer, but sometimes a <br /> in the link text is the easiest thing.

<p><a href="http://www.vatican.va/holy_father/benedict_xvi/travels/2011/index_croazia_en.htm">http://www.vatican.va/holy_father/benedict_xvi/<br />travels/2011/index_croazia_en.htm</a></p>

http://jsfiddle.net/jasongennaro/8xmU5/