{"id":3282,"date":"2024-04-17T09:18:05","date_gmt":"2024-04-17T09:18:05","guid":{"rendered":"https:\/\/helpcenter.greyd.io\/unwanted-breaks\/"},"modified":"2024-12-26T18:28:25","modified_gmt":"2024-12-26T17:28:25","slug":"unwanted-breaks","status":"publish","type":"post","link":"https:\/\/helpcenter.greyd.io\/unwanted-breaks\/","title":{"rendered":"How do I prevent unwanted breaks in texts\/headlines?"},"content":{"rendered":"<p>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.<\/p>\n<p>There are a lot of interesting HTML entities, however we&#8217;d like to highlight two in this context:<\/p>\n<p>&amp;shy;  &mdash;&gt; Soft Hyphen: Makes sure words break with an &#8220;-&#8221; if there&#8217;s not enough space. <\/p>\n<pre>Manage&lt;b&gt;&amp;shy;&lt;\/b&gt;ment\n<\/pre>\n<p>&amp;nbsp; &mdash;&gt; Non-breaking Space: Prevents breaking between two words.<\/p>\n<pre>John&lt;b&gt;&amp;nbsp;&lt;\/b&gt;Doe\n<\/pre>\n<p>To use HTML entities in the Block Editor, click on the three dots in the toolbar and select &#8220;Edit as HTML&#8221;:<\/p>\n<p><img decoding=\"async\" alt=\"Screenshot of the backend of the Greyd website showing how to access the HTML editor\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/661f8b2fe6d7a114e7690d27\/file-yLeURj3OV7.png\" style=\"width: 580px;max-width: 100%\"><\/p>\n<p>You can then insert your HTML entities and revert to the visual editor.<\/p>\n<p><img decoding=\"async\" alt=\"Screenshot of the HTML editor in WordPress\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/661f936c865f732a9766a150\/file-w1wyInJuNm.png\" style=\"max-width: 100%\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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&#8217;d like to highlight [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"greyd_block_editor_preview":[],"footnotes":""},"categories":[1],"tags":[1194,1182,1191,1185,1188],"topics":[578],"class_list":["post-3282","post","type-post","status-publish","format-standard","hentry","category-general","tag-break","tag-breaks","tag-umbrechen","tag-umbruch","tag-umbrueche","topics-design"],"lang":"en","translations":{"en":3282,"de":3326},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/3282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/comments?post=3282"}],"version-history":[{"count":1,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/3282\/revisions"}],"predecessor-version":[{"id":4772,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/3282\/revisions\/4772"}],"wp:attachment":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/media?parent=3282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/categories?post=3282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/tags?post=3282"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/topics?post=3282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}