How to make a long url in two lines

I have a very narrow column and a three-word URL that will push the width of the original column.

Can I get three words to span two or three lines and keep the URL link intact?

I use css to create a custom drupal theme, and the length / name of this URL is the Drupal node name, converted to a tab via the QuickTabs module, so I need to manage it through css, preferably. I have the feeling that this is a very simple solution, but I searched through Google and I can’t find anything that works for me.

Thanx in advance.

+3
source share
2 answers

Try using:

word-wrap: break-word;

I do not think that it is supported in all browsers.

. http://jsfiddle.net/jrRqb/

+3

, , <br /> .

<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/

0

All Articles