Word wrap a link so it doesn't overflow its parent div width [duplicate]
Solution 1:
The following is a cross browser compatible solution:
#permalink_section { white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }
From How do I wrap text with no whitespace inside a <td>?
Check working example here.
Solution 2:
If you're okay with CSS3, there's a property for that:
word-wrap:break-word;