title: What is the best way to break HTML text on slashes (/)?
body: <p>I have an HTML table 360px wide, which works great. The challenge is that sometimes a url appears <code>http://this/is/a/really-really-really-really-really/long/url</code> in the text. This causes the table to expand horizontally and a scroll bar appears on the bottom.</p>
  
  <p>I don't think <code>overflow:hidden</code> will work because half of the text would be hidden.</p>
  
  <p>What is the best way to force breaking the line on slashes (/) and dashes (-) in CSS (hopefully)? </p>
  
  <p>It should work with IE7+, Chrome, Firefox and Safari.</p>
  
  <p>Working in Rails 3 and jQuery.</p>