Responsive Word Wrapping & Hyphenation Last Updated May 2025 Modern browsers have made different choices when it comes to wrapping words and hyphenation in response to different device sizes. Newer options for controlling the output have been added for website coders but not all browsers or Content Management Systems have adopted the options in the same way. As you can imagine, there’s been some confusion! It is a work in progress but the web team’s goal is for our websites to be consistent from browser to browser and to provide control to our content creators, when possible. As of 2025 you should expect the following on our Drupal sites: Headings (H1 – H6) tags and navigation will not hyphenate. Complete words should flow to the next line. If the space a word is contained in becomes too small the letters will wrap to the next line. Paragraphs, lists and other text should automatically hyphenate but only on words that are at least 10 characters, with a minimum of 3 characters before and 4 characters after the hyphen. In Body fields with the Rich Text Editor, content creators can suggest to the browser where to add hyphenation! Learn about this option in the instructions for the RichText Editor Styles Drop-down. The Web team is working on more options to allow content creators to better control hyphenation on headings and titles. As this is in flux, some additional options may work in some contexts and be worth try. If something is really displaying poorly, contact the web team.
