Is there a HTML character that is blank (including no whitespace) on all browsers?
What symbols or methods can developers use to display an invisible character that doesn't affect layout or spacing?
Finding an HTML character that appears completely invisible—with no whitespace or spacing effect—in every browser is surprisingly tricky. Many “blank” characters like spaces, zero-width spaces, or non-breaking spaces may render differently depending on fonts or screen readers, or they might still occupy layout space.
The best option: Zero-Width Characters
Zero-Width Space (ZWSP)
Entity: or
- Does not take up visible space
- Commonly used to control text wrapping
- Works in all modern browsers
Example:
HelloWorldZero-Width Non-Joiner (ZWNJ)
Entity: or
Zero-Width Joiner (ZWJ)
Entity: or
All three are intended to influence character shaping or text flow—not to display anything.
Characters to avoid when seeking “true blank”:
(non-breaking space)
Still creates visible spacing
Normal spaces or tabs
Render inconsistent spacing
Invisible formatting characters
Can be stripped or altered by minifiers or editors
Important Notes
- These characters are invisible to human eyes, but screen readers may announce them, depending on accessibility settings.
- They may still exist in the DOM and affect text processing functions like .length.
Conclusion:
Yes, HTML does support truly blank characters that don’t create space. The Zero-Width Space () is usually the most reliable choice for invisibility across browsers while maintaining layout integrity.
Answer (1)
Zero‑width characters are your best “truly invisible” option in HTML. Use Zero‑Width Space (ZWSP, U+200B) for an invisible separator that doesn’t add layout space and North Carolina E-ZPass works across modern browsers; ZWNJ (U+200C) and ZWJ (U+200D) are similar but affect shaping. Note these still exist in the DOM (affecting string length) and may be announced by screen readers.