LogoSymbolDb
Normal Space
Normal Space · word separator
 
Non-breaking Space
Non-breaking Space · no break
Thin Space
Thin Space · fine spacing
Figure Space
Figure Space · digit alignment
Punctuation Space
Punctuation Space · comma alignment
Em Space
Em Space · full-width
En Space
En Space · half-width
Three-per-em Space
Three-per-em Space
Four-per-em Space
Four-per-em Space
Six-per-em Space
Six-per-em Space
[ZWSP]
Zero-Width Space
ZWSP · line break point
[ZWNJ]
Zero-Width Non-Joiner
ZWNJ · prevent ligature
[ZWJ]
Zero-Width Joiner
ZWJ · force ligature
[WJ]
Word Joiner
Word Joiner · zero-width no-break
·
Middle Dot
Middle Dot · interpunct
Hyphenation Point
Hyphenation Point · syllable break
Katakana Middle Dot
Katakana Middle Dot · full-width
Bullet
Bullet · list marker
/
Slash
Slash · or/path
\
Backslash
Backslash · path/escape
Fraction Slash
Fraction Slash · fraction separator
Division Slash
Division Slash · math operator
|
Vertical Bar
Vertical Bar · pipe/absolute
¦
Broken Bar
Broken Bar · broken pipe
[SHY]
Soft Hyphen
Soft Hyphen · optional break
[FF]
Form Feed
Form Feed · page break
[LSEP]
Line Separator
Line Separator · end of line
[PSEP]
Paragraph Separator
Paragraph Separator · end of paragraph
Medium Math Space
Medium Mathematical Space
 
Ideographic Space
Ideographic Space · CJK full-width
Narrow No-Break Space
Narrow No-Break Space · French
Hair Space
Hair Space · thinnest
[BOM]
Byte Order Mark
BOM · byte order mark

📏 Spacing & Separator Symbols Explained

A complete reference of 33 spacing and separator symbols for typesetting, programming, and web design, with Unicode / LaTeX / HTML entities

Spacing symbols are invisible or semi-visible characters that control character spacing, word separation, and line breaking in text layout. Unlike visible punctuation, their core function is to adjust the visual layout without introducing visible marks. This page catalogs various space characters, zero-width characters, middle dots, slashes, and line break controls, detailing each symbol's usage, Unicode encoding, LaTeX command, and HTML entity — making it easy to reference for typesetting, web development, and academic writing.

🔤 1. Basic Space Characters

Normal Space is the common word separator, entered with the spacebar. Its Unicode is U+0020; LaTeX uses a literal space; HTML entity is  . In HTML and browser rendering, multiple consecutive normal spaces are collapsed into a single space — an important behavior to note. To preserve multiple spaces, use CSS white-space or non-breaking spaces. In LaTeX, normal spaces are also ignored and require \ or ~ to force spacing.

Non-breaking Space inserts a space while preventing a line break. Unicode U+00A0, LaTeX ~, HTML   — one of the most used entities in web development. It is essential for keeping elements together, such as between a number and its unit ("10 kg") or a title and name ("Dr. Smith"). In Microsoft Word, use Ctrl+Shift+Space. Its width equals a normal space; only the line-breaking constraint is added.

Thin Space is roughly 1/5 to 1/6 the width of a normal space. Unicode U+2009, LaTeX \,, HTML  . Commonly used for thousands separators (100 000), French punctuation spacing (« texte »), and fine-tuned typographic spacing. The SI recommends thin space as a thousands separator instead of a comma — a notable usage standard.

Figure Space equals the width of a digit (0–9). Unicode U+2007, LaTeX \hphantom{0}, HTML  . Used primarily for aligning numbers in tables, ensuring proper digit alignment regardless of digit count. In monospaced fonts it behaves like a normal space; in proportional fonts, its width matches the digit width of the current font.

Punctuation Space equals the width of a comma. Unicode U+2008, LaTeX \hphantom{,}, HTML  . Used for visual alignment with punctuation marks, such as aligning comma-separated items. It is less common than other spaces and mainly used in professional typesetting software for fine layout adjustments.

📐 2. Em Space & En Space Series

Em Space equals the current font size (1 em). Unicode U+2003, LaTeX \quad, HTML  . In Chinese typesetting, it is commonly used for paragraph indentation; two em spaces create the standard two-character indent. In LaTeX, \quad is a widely used math-mode spacing command for separating expressions.

En Space is half an em. Unicode U+2002, LaTeX \enspace, HTML  . Used in English typesetting for paragraph indents, list indentation, and math formula spacing. Both em and en spaces are relative units — their actual width depends on the current font and size settings.

Three-per-em Space is roughly 1/3 em. Unicode U+2004, LaTeX \mkern3mu indirectly, HTML  . Used for fine spacing control, such as aligning subscripts and superscripts in math formulas.

Four-per-em Space is roughly 1/4 em. Unicode U+2005, LaTeX \mkern4mu, HTML  . Used in professional typography for subtle character-spacing adjustments, especially in headings and display text.

Six-per-em Space is roughly 1/6 em. Unicode U+2006, LaTeX \; (math mode), HTML  . Commonly used in math typesetting; LaTeX \; inserts a spacing slightly larger than \,.

👻 3. Zero-Width & Invisible Control Characters

Zero-Width Space (ZWSP) occupies no visual width. Unicode U+200B, LaTeX \hspace{0pt}, HTML ​. Its main use is to mark potential line-break points in long URLs or words without displaying a space. Due to its invisibility, it can cause hidden-character issues when copying text — use with caution in code and data exchange.

Zero-Width Non-Joiner (ZWNJ) prevents adjacent characters from forming ligatures. Unicode U+200C, HTML ‌. In scripts like Arabic and Hindi, it stops automatic ligature formation, keeping characters in their isolated forms — an essential control for complex text layout.

Zero-Width Joiner (ZWJ) forces adjacent characters to join. Unicode U+200D, HTML ‍. Opposite of ZWNJ, it encourages ligature formation even when rules wouldn't normally apply. In emoji sequences, ZWJ combines multiple emoji into a single composite (e.g., family emoji). Support depends on the specific font and rendering engine.

Word Joiner (WJ) indicates a connection between words, allowing a break there but maintaining the relationship. Unicode U+2060, HTML ⁠. Similar to a non-breaking space but with zero width — ideal when you want to prevent separation without adding visible spacing.

📍 4. Middle Dot & Bullet Series

Middle Dot (·), Unicode U+00B7, HTML ·, LaTeX \cdot. In Chinese typesetting, it separates foreign name components (John·Smith), book titles and chapters, parallel items, and date components. In English, it appears in abbreviations (U.S.) and as a multiplication dot (a·b). Note: the Chinese middle dot is full-width; the English one is half-width — do not mix them in professional typesetting.

Katakana Middle Dot (・), Unicode U+30FB, is the full-width version. Widely used in Japanese for katakana loanword separation (マイ・ペース) and between surname and given name. It occasionally appears in Chinese horizontal text as a substitute, though the standard U+00B7 is preferred for semantic correctness.

Hyphenation Point (‧), Unicode U+2027, is a variant of the middle dot. Used for marking syllable breaks in dictionaries and word boundaries in minority-language personal names. It sits slightly higher than the standard middle dot, resembling a hyphen more closely.

Bullet (•), Unicode U+2022, HTML •, LaTeX \bullet. Primarily a list-item marker — the standard prefix for unordered lists. Unlike the middle dot, it is larger and more prominent, dedicated to leading list items rather than inline text separation.

✂️ 5. Slash & Separator Line Series

Slash (/), Unicode U+002F. Uses include: indicating "or" (male/female), fractions (1/2), dates (2024/01/15), URL paths, Unix file paths, unit expressions (km/h), and division operator / regex delimiter in programming. In HTML, it is the closing tag key character.

Backslash (\), Unicode U+005C, HTML \. Used for Windows file paths (C:\Program Files), escape character prefix in programming (\n, \t), LaTeX commands (\textbf, \alpha), and regex escaping. A literal backslash must itself be escaped as \\ in strings. Direct use in HTML is safe, but in JavaScript strings and JSON it must be escaped.

Fraction Slash (⁄), Unicode U+2044, HTML ⁄. A dedicated slash for fractions that allows browsers and typesetting engines to auto-format into vertical fraction form (e.g., 1⁄2 rendered as ½). Its angle and position are optimized for mathematical fraction display.

Division Slash (∕), Unicode U+2215, is the mathematical division operator slash. Unlike the regular slash (/) and fraction slash (⁄), it belongs to the mathematical operators category with explicit mathematical semantics. In MathML and LaTeX math mode, it receives proper spacing as a binary operator.

Vertical Bar (|), Unicode U+007C, also called pipe. Uses: logical OR in programming (a || b), shell pipeline (ls | grep txt), Markdown table column separator, regex alternation, and absolute value notation (|x|). LaTeX \vert auto-adjusts height to match its content.

Broken Bar (¦), Unicode U+00A6, HTML ¦. A variant of the vertical bar with a gap in the middle. Once used in early character sets as an alternative; now rarely used. On some keyboard layouts (UK), it shares a key with the vertical bar. Occasionally used in logic for negation, but this is no longer mainstream.

📝 6. Special Spacing & Line Break Controls

Soft Hyphen (SHY) marks an optional line-break point. Unicode U+00AD, HTML ­, LaTeX \-. When inserted at syllable boundaries, it remains invisible unless the word lands at a line end, where it breaks and inserts a hyphen. Very useful for responsive web typography and long-word handling.

Form Feed marks a page break position. Unicode U+000C, HTML . Originating from the printer era, it instructed printers to advance to a new page. In modern text processing, it serves mainly as a page-break marker in plain text. Browsers typically treat it as whitespace without producing an actual page break.

Line Separator explicitly marks the end of a text line. Unicode U+2028, HTML 
. Similar to a newline but with clearer Unicode semantics: it ends a line without ending a paragraph. Rendering varies across browsers.

Paragraph Separator explicitly marks the end of a paragraph. Unicode U+2029, HTML 
. Semantically stronger than the line separator, it indicates both the end of one paragraph and the start of the next — providing platform-independent text structure markup in the Unicode plain-text specification.

Medium Mathematical Space is about 4/18 em. Unicode U+205F, LaTeX \: (math mode), HTML  . In LaTeX math mode, it provides spacing between \, and \;, offering finer control for formula elements.

Ideographic Space equals the width of a CJK ideograph (Chinese character). Unicode U+3000, HTML  . Used in Chinese, Japanese, and Korean typesetting as a full-width space for indentation and alignment. Modern web design recommends CSS text-indent over literal ideographic spaces for paragraph indentation.

Narrow No-Break Space combines thin spacing with no-break behavior. Unicode U+202F, HTML  . Widely used in French typography inside « » guillemets and between numbers and units. An ideal choice when both narrow spacing and break prevention are needed.

Hair Space is among the thinnest visible spaces. Unicode U+200A, LaTeX \! (negative space in math mode), HTML  . Used for extremely fine spacing adjustments, such as micro-adjusting tightly set title letters. In LaTeX math mode, \! actually produces negative space to pull elements closer.

Byte Order Mark (BOM). Unicode U+FEFF, HTML . Placed at the very beginning of a text file, it identifies the Unicode encoding format (UTF-8, UTF-16, etc.) and byte order. In UTF-8, BOM is optional and can cause output anomalies in languages like PHP. As a zero-width no-break space, U+FEFF can prevent line breaks, but modern Unicode recommends using U+2060 (Word Joiner) for this purpose instead.

💡 7. Usage Summary

1. Spaces in web development. HTML collapses multiple consecutive spaces into one by default. To preserve spaces, use &nbsp;, CSS white-space: pre-wrap, or <pre> tags. For zero-width characters, always add comments in code to prevent maintenance confusion.

2. Spacing in LaTeX. LaTeX ignores normal spaces. In text mode: ~ for non-breaking space, \quad for em space, \enspace for en space. In math mode: \, for thin, \: for medium, \; for thick, \quad and \qquad for large spacing.

3. Multilingual spacing. French requires narrow no-break space inside « » guillemets. Chinese uses middle dot (·) for names and titles, and full-width space for indentation. Japanese uses katakana middle dot (・) for loanwords. The SI recommends thin space over comma for thousands separators.

4. Cross-platform path separators. Unix/Linux/Mac and URLs use slash (/); Windows uses backslash (\). For cross-platform code, use forward slash or language-provided constants (e.g., Python's os.sep).

5. Zero-width character security. ZWSP and ZWJ are sometimes misused to hide information in text or bypass keyword filters. In data validation and text processing, clean these invisible characters to prevent security vulnerabilities and data contamination.

❓ Spacing FAQ — Input Methods & Usage

Quick guide to typing spaces, middle dots, and separators, plus typographic best practices

⌨️ How to type a non-breaking space?
Windows: hold Alt + 0160. Mac: Option+Space. Word: Ctrl+Shift+Space. HTML: &nbsp;.
📏 Em vs. En space?
Em space = current font size (1 em). En space = half an em (0.5 em). Em for paragraph indents; En for smaller spacing like list indentation.
👻 What is zero-width space used for?
It is invisible but allows line breaks — ideal for marking break points in long URLs/words. HTML: &#8203;. Beware of hidden-character issues.
🌐 How to preserve multiple spaces in HTML?
Browsers collapse spaces. Solutions: use multiple &nbsp;, CSS white-space: pre or pre-wrap, or wrap content in <pre>.
📝 How to insert spaces in LaTeX?
Text mode: ~ (non-breaking), \quad (em), \enspace (en). Math mode: \, (thin), \: (medium), \; (thick), \quad/\qquad (large).
🇫🇷 What special space does French require?
French uses narrow no-break space (U+202F) inside « » guillemets, and thin space before high punctuation like : ; ? !.
📊 What space for thousands separator?
The SI recommends thin space (U+2009): 100 000. This avoids ambiguity with decimal separators across regions.
⚠️ Are zero-width characters a security risk?
They can hide information, bypass filters, or create confusion. Filter or normalize them when processing user input.
📍 How to type a middle dot (·)?
Chinese input: Shift+2. Mac: Option+Shift+9. HTML: &middot;.
✂️ Fraction slash vs. regular slash?
Fraction slash (⁄, U+2044) is designed for fractions and supports auto-formatting. Regular slash (/, U+002F) is a general separator. HTML: &frasl;.
📂 Windows vs. Unix path slashes?
Windows: backslash (\). Unix/Linux/Mac/URL: slash (/). For cross-platform code, prefer forward slash or File.separator.
📐 How to control spacing in math formulas?
LaTeX math mode: \, (thin), \: (medium), \; (thick), \quad and \qquad (large). These only work in math mode.
🖨️ Soft hyphen vs. line separator?
Soft hyphen (U+00AD) is invisible unless a line break occurs, then inserts a hyphen. Line separator (U+2028) always forces a line break. Soft hyphen is more flexible for responsive text.
• Bullet vs. middle dot — what's the difference?
Bullet (•) is for list items — larger and centered. Middle dot (·) is for inline text separation (names, titles). Similar appearance, completely different usage.
🇯🇵 Katakana middle dot vs. Chinese middle dot?
Not identical. Katakana middle dot (・, U+30FB) is full-width, mainly for Japanese loanwords. Chinese middle dot (·, U+00B7) is half-width. Use the appropriate one per language.
😊

Cute

Symbols used for decoration and embellishment, including stars, flowers, arrows, borders, etc.