How do I prevent unwanted breaks in texts/headlines?
Depending on your screen size, it may happen that you see unwanted breaks in words (especially long ones), for example in headlines. There is a simple way to make sure words break only where and how you want them to: HTML entities.
There are a lot of interesting HTML entities, however we'd like to highlight two in this context:
­ —> Soft Hyphen: Makes sure words break with an "-" if there's not enough space.
Manage<b>­</b>ment
—> Non-breaking Space: Prevents breaking between two words.
John<b> </b>Doe
To use HTML entities in the Block Editor, click on the three dots in the toolbar and select "Edit as HTML":
You can then insert your HTML entities and revert to the visual editor.
