{"id":167,"date":"2021-05-09T21:35:52","date_gmt":"2021-05-09T21:35:52","guid":{"rendered":"https:\/\/labelfactsapp.com\/help\/?p=167"},"modified":"2023-08-26T20:15:39","modified_gmt":"2023-08-26T20:15:39","slug":"html-entities","status":"publish","type":"post","link":"https:\/\/labelfactsapp.com\/help\/2021\/05\/09\/html-entities\/","title":{"rendered":"Using HTML Tags"},"content":{"rendered":"<body>\n<p class=\"has-drop-cap\">An HTML entity is a special character that you can add to format or add symbols to text. The simplest is \u201c<span class=\"has-inline-color has-accent-color\">&amp;nbsp;<\/span>\u201d the non-breaking space. Note that, unlike an HTML tag, an entity begins with &amp; and ends in ;<\/p>\n\n\n\n<p>Use <strong><span class=\"has-inline-color has-accent-color\">&amp;nsbp;<\/span><\/strong> to force one or more spaces that will not break across lines. This is the opposite of <a href=\"https:\/\/labelfactsapp.com\/help\/2021\/05\/09\/advanced-features\/\"><span class=\"has-inline-color has-accent-color\">using &lt;br&gt; to force a line feed<\/span><\/a>. If the layout is breaking in a place that you don\u2019t like, replace the regular space with &amp;nbsp; This will force the browser to render the two words together.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"401\" src=\"https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-44-1024x401.png\" alt=\"\" class=\"wp-image-503\" loading=\"lazy\" srcset=\"https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-44-1024x401.png 1024w, https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-44-300x118.png 300w, https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-44-768x301.png 768w, https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-44-1536x602.png 1536w, https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-44-1200x470.png 1200w, https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-44.png 1646w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Dietary ingredient rendered over 2 lines<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"151\" src=\"https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-45-1024x151.png\" alt=\"\" class=\"wp-image-505\" loading=\"lazy\" srcset=\"https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-45-1024x151.png 1024w, https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-45-300x44.png 300w, https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-45-768x113.png 768w, https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-45-1200x176.png 1200w, https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-45.png 1238w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Add &amp;nbsp; where each natural space occurs \u2014 Refresh<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"432\" height=\"197\" src=\"https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-46.png\" alt=\"\" class=\"wp-image-506\" loading=\"lazy\" srcset=\"https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-46.png 432w, https:\/\/labelfactsapp.com\/help\/wp-content\/uploads\/2023\/01\/image-46-300x137.png 300w\" sizes=\"auto, (max-width: 432px) 100vw, 432px\" \/><\/figure>\n\n\n\n<p>Note that once you enter the values, the <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">&amp;nbsp; <\/mark><\/strong>will be rendered by the browser to look like a regular space, and the text will appear on one line in Supplement Facts. Check that the SF header occupies the full width of the box \u2014 use IMAGE to adjust if needed.<\/p>\n\n\n\n<p>Other useful HTML symbol entities are <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\"><strong>&amp;copy;<\/strong> <\/mark>\u00a9 and<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\"> &amp;reg;<\/mark><\/strong> \u00ae signs. The non-breaking hyphen (<a href=\"https:\/\/www.w3schools.com\/charsets\/ref_utf_punctuation.asp\">&amp;#8209;<\/a>) is used to define a hyphen character (\u2011) that does not break into a new line.<\/p>\n<\/body>","protected":false},"excerpt":{"rendered":"<p>An HTML entity is a special character that you can add to format or add symbols to text. The simplest [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[5],"tags":[],"class_list":["post-167","post","type-post","status-publish","format-standard","hentry","category-faq"],"_links":{"self":[{"href":"https:\/\/labelfactsapp.com\/help\/wp-json\/wp\/v2\/posts\/167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labelfactsapp.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/labelfactsapp.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/labelfactsapp.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/labelfactsapp.com\/help\/wp-json\/wp\/v2\/comments?post=167"}],"version-history":[{"count":11,"href":"https:\/\/labelfactsapp.com\/help\/wp-json\/wp\/v2\/posts\/167\/revisions"}],"predecessor-version":[{"id":615,"href":"https:\/\/labelfactsapp.com\/help\/wp-json\/wp\/v2\/posts\/167\/revisions\/615"}],"wp:attachment":[{"href":"https:\/\/labelfactsapp.com\/help\/wp-json\/wp\/v2\/media?parent=167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/labelfactsapp.com\/help\/wp-json\/wp\/v2\/categories?post=167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/labelfactsapp.com\/help\/wp-json\/wp\/v2\/tags?post=167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}