Michael Scharnagl • 7/31/2015

Dealing with long words in CSS

Read Original

This technical article discusses the common problem of long words breaking web layouts. It provides a detailed analysis and demos of CSS solutions including the `hyphens`, `word-break`, and `overflow-wrap` properties, as well as the use of `text-overflow: ellipsis` for truncation. The author evaluates browser support, language sensitivity, and practical drawbacks for each method, concluding with recommendations for robust text handling in web design.

0 comments
#css #Typography #Overflow Wrap
Dealing with long words in CSS

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

1
Quoting Thariq Shihipar
Simon Willison • 2 votes
2
Top picks — 2026 January
Paweł Grzybek • 1 votes
3
In Praise of –dry-run
Henrik Warne • 1 votes
4
Deep Learning is Powerful Because It Makes Hard Things Easy - Reflections 10 Years On
Ferenc Huszár • 1 votes
5
Vibe coding your first iOS app
William Denniss • 1 votes
6
AGI, ASI, A*I – Do we have all we need to get there?
John D. Cook • 1 votes
7
Dew Drop – January 15, 2026 (#4583)
Alvin Ashcraft • 1 votes