If you searched for , , or , the short answer is simple: it is a space character that prevents a line break between the words or symbols around it.
The practical part is where teams get into trouble. In HTML and email templates, can prevent ugly wrapping in prices, IDs, OTP labels, and timestamps, but it can also create mysterious spacing bugs when it is copied in by accident or used as a layout hack.
Quick answer
means non-breaking space- HTML entity:
- decimal entity:
- hexadecimal entity:
- Unicode code point:
Its purpose is simple: keep nearby text on the same line.
What does NBSP do?
A normal space allows text to wrap when the browser or email client needs to break a line.
A non-breaking space tells the renderer:
- keep these tokens together
- do not wrap at this space
That is useful for text like:
How to write a non-breaking space
In HTML
Use the named entity:
In numeric entity form
You can also write:
As a literal character
Some editors insert the actual Unicode NBSP character directly. That works, but it is harder to spot during debugging, so the explicit HTML entity is usually easier to maintain.
When to use
Use it when two nearby tokens look wrong if they split across lines.
Good cases:
- currency with amount
- date labels
- order and booking references
- title plus surname
- OTP and MFA labels
- short version numbers or product names
Example:
When not to use
Do not use NBSP as a layout system.
Avoid using it for:
- indenting paragraphs
- spacing buttons apart
- faking columns
- creating wide visual gaps
- forcing long sentences to stay together
If spacing only works because of repeated , the real problem is usually your layout, CSS, or email table structure.
Why NBSP matters in email templates
Email clients are far less predictable than modern browsers. Wrap behavior, font rendering, and spacing all vary.
That makes NBSP useful for:
- OTP and verification emails
- invoices and receipt lines
- booking references
- shipping notifications
- narrow mobile layouts where labels wrap aggressively
In those cases, keeping the right tokens together can make the message much easier to read.
Common NBSP examples
Prices
Order IDs
Dates and times
Labels in emails
NBSP versus a regular space
| Character | What it does | Can line break here? |
|---|---|---|
| regular space | normal word separation | yes |
| non-breaking word separation | no |
That one behavior difference is why NBSP is so useful for prices, labels, and short paired values.
NBSP versus
These are not interchangeable.
| Entity | Purpose | Breaks line? |
|---|---|---|
| keep items together | no |
| wider fixed space | yes |
| even wider fixed space | yes |
For HTML email and most product UI, is the most practical one. Wider spacing entities usually create more rendering variance than value.
Common NBSP problems
Hidden non-breaking spaces from copy and paste
Rich-text editors, spreadsheets, and CMS tools often insert NBSP characters invisibly.
Symptoms:
- unexpected wrapping
- search and replace misses the issue
- text looks normal in the editor but renders strangely
Double encoding
If is escaped again, it becomes literal text:
That renders the entity string instead of a space.
Overuse in paragraphs
Too many NBSPs cause awkward line breaks and uneven spacing, especially on mobile.
Using NBSP instead of fixing the layout
If you are relying on repeated non-breaking spaces for alignment, the structure is probably the real problem.
How to debug NBSP issues
When spacing looks wrong:
- inspect the raw HTML for
,, or - replace suspect spaces with normal spaces and compare the result
- test the message in a browser and at least one email client
- keep only the NBSPs that protect an intentional token pair
Safe rule of thumb
Use NBSP only when:
- the tokens are short
- the meaning is clearer when they stay together
- wrapping would make the content look broken or ambiguous
Good:
Bad:
- entire marketing sentences
- spacing between buttons
- fake alignment in long paragraphs
How MailSlurp helps
MailSlurp helps teams test HTML email output before small spacing issues become support problems.
Useful routes:
- Email Sandbox to capture the real HTML output safely
- Email integration testing to assert message body, links, and content in code
- Email testing checklist for broader email QA review
That means you can verify formatting in a real workflow instead of guessing from a local editor preview.
FAQ
What does NBSP mean?
NBSP means non-breaking space.
What is
is the HTML entity for a non-breaking space.
Is NBSP the same as a normal space?
No. A normal space allows a line break. NBSP does not.
When should I use a non-breaking space?
Use it when two nearby tokens like a price, label, or ID should stay on the same line.
Why does copied text sometimes contain weird spacing?
Because some editors insert hidden non-breaking spaces that look like normal spaces until rendering exposes them.
Final take
NBSP is not a styling system. It is a precision formatting tool. Used carefully, it protects the small pieces of text that should stay together. Used carelessly, it creates subtle layout bugs that are harder to notice than to explain.