Also, avoid using a non-breaking space for styling reasons, like indenting or centering an element on a page - styling should be handled with CSS. While can come in handy, it shouldn’t be used excessively, since avoiding line breaks may cause problems with rendering the content in the browser. See the Pen HTML Space: ensp and emsp example by Christina Perricone ( on CodePen. This is useful if splitting two pieces of text would be confusing for the reader, such as in the case of “9:00 AM” or “1 000 000.”įinally, you can use the additional HTML entities &ensp and &emsp to add two and four non-breaking spaces respectively: The only difference is that this space will never break to a new line - two words or elements separated by will always appear on the same line. When rendered in the browser, a non-breaking space will look just like a normal space. See the Pen HTML Space: nbsp example by Christina Perricone ( on CodePen.

Multiple adjacent non-breaking spaces won’t be collapsed by the browser, letting you “force” several visible spaces between words or other page elements. The simplest way to add a space in HTML (besides hitting the spacebar) is with the non-breaking space entity, written as or. However, if you want to add space for styling purposes (for instance, whitespace between elements), we recommend using CSS instead - jump to the next section to learn how.

If your content requires extra spacing to make sense, you can try any of the methods below.

Html non breaking space code