Word wrap a link so it doesn’t overflow its parent div width [duplicate]

by

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.

More Related Contents:

  1. How can I make a div not larger than its contents?
  2. How to make an element width: 100% minus padding?
  3. How to make a div fill a remaining horizontal space?
  4. How to word wrap text in HTML?
  5. How to turn off word wrapping in HTML?
  6. How can I force a long string without any blank to be wrapped?
  7. How to stop text from taking up more than 1 line?
  8. How to prevent line breaks in list items using CSS
  9. Wrap text in tag
  10. How to wrap text of HTML button with fixed width?
  11. Difference between overflow-wrap and word-break?
  12. How to make div’s percentage width relative to parent div and not viewport
  13. Denoting a preferred place for a line break
  14. Div width 100% minus fixed amount of pixels
  15. Width 100% with white borders around it. WHy?
  16. Make an image width 100% of parent div, but not bigger than its own width
  17. resizes wrong; appears to have unremovable `min-width: min-content`
  18. How to make a DIV not wrap?
  19. How to force inline divs to stay on same line?
  20. How do browsers calculate width when child depends on parent, and parent’s depends on child’s
  21. Balanced text wrapping in HTML
  22. How can I center text (horizontally and vertically) inside a div block?
  23. Can I create a div with a Curved bottom?
  24. Best Practices & Considerations when writing HTML Emails [closed]
  25. How does this CSS produce a circle?
  26. CSS fixed width in a span
  27. Chrome rendering issue. Fixed position anchor with UL in body
  28. Overlapping/overlaying multiple inline images
  29. Using z-index to get div above another div
  30. Why use definition lists (DL,DD,DT) tags for HTML forms instead of tables?

Leave a Comment