  A problem that has always existed but has become more common
lately as more people – thanks to the popularity of responsive
web design – make their layouts adapt to narrow viewports, is
the lack of automatic hyphenation in web browsers.  As columns
of text become narrower, the risk of a single word being longer
than the column width increases. When that happens, the text
normally extends outside the column (unless the column element’s
overflow property has been given a different value than the
default visible). The effect can be anything from just a slight
visual glitch to unreadable text. Either way it’s something you
don’t want to happen.  The initial reaction from a content
editor when this happens is sometimes to try to reduce the risk
of the problem occurring by using shorter words or otherwise
rewriting the text. While doing so may work it isn’t
particularly robust. What if the user increases text size? What
if the content is translated into another language, one that
uses longer words? What if all ed