Css 如何将一个长url分成两行

我有一个非常窄的栏和一个三个字的URL，它比栏的原始宽度更宽

我能强迫这三个词分散在两行或三行上，并保持URL链接完整吗

我正在使用css设计一个定制drupal主题，这个url的长度/名称是一个drupal节点名，通过QuickTabs模块转换成一个选项卡，因此我需要通过css更好地管理它。我觉得这是一个非常简单的解决办法，但我已经通过谷歌搜索，我找不到任何适合我的

提前使用Thanx。

尝试使用：

word-wrap: break-word;

但我不认为它在所有浏览器中都受支持

---

参见示例

我知道这不是最纯粹的答案，但有时链接文本中的

是最简单的

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

---

我通常使用很长的URL将其截断（使用ruby或任何漂浮在船上的东西）为。。。。然后将整个url添加为标题，以便用户可以将鼠标悬停在其上，并查看其指向Hanx的位置。还有一个问题：我应该在

、
• 中使用它还是在
  中使用它？我想我还必须在
  • 标记中指定我的33%宽度，对吗？@MauF，取决于您如何设置列表的样式。在JSFIDLE上发布一个示例，我可以看一下。（我认为它应该在块元素上）实际上，Peath，开发网站在这里：很容易知道我说的是哪个选项卡。@MauF，很抱歉我在那个网站上看不到它。不过，我的浏览器（Firefox5）中有很多漏洞，我想在发送之前更正我以前的帖子。抱歉，佩塔。除非链接是动态生成的。