Shortcodes
Copy and paste shortcodes for En Space.
| Symbol | |
| Unicode | U+2002 |
| Alt Code | 8194 |
| HTML Code |   |
| HTML Entity |   |
| HEX Code |   |
| CSS Code | \2002 |
| UTF-8 | 0xE2 0x80 0x82 |
| UTF-16 | 0x2002 |
| UTF-32 | 0x00002002 |
Character Details
About En Space
The En Space is a typographic space character that is exactly half the width of an em space. In traditional typography, an "en" is a unit of measurement equal to half an "em," which is typically the width of the capital letter "M" in a given font. This makes the en space a precise, proportional spacing unit that maintains consistency across different font sizes and typefaces.
Unlike a regular space that can vary in width depending on text justification, the en space has
a fixed width. It's represented by the HTML entity   or   and provides
precise control over spacing in professional typography and web design.
Key Purpose: The en space creates consistent, proportional spacing that doesn't collapse in HTML and maintains its width regardless of text justification or font changes. It's the typographer's choice for creating professional, polished layouts with precise spacing control.
How It Works:
The en space is exactly half the width of the font size being used. So in a 16px font, the en space is 8px wide. In a 24px font, it's 12px wide. This proportional relationship ensures that spacing looks balanced and professional at any size. Unlike regular spaces (U+0020) which can be compressed or expanded during justification, the en space maintains its precise width.
📐 Typography Note:
In traditional typesetting, the "en" (from the letter N) is half an "em" (from the letter M). This naming convention dates back to metal type, where an "em" was a square piece of metal the size of the font's point size. The en space preserves this classical proportional system in digital typography.
Common Uses:
- Number Ranges: Pages 10 20 or Years 2020 2025
- Between Related Elements: Creating visual separation without overdoing it
- Professional Typography: Fine-tuning spacing in headlines and subheads
- Data Tables: Aligning numerical data with consistent spacing
- Lists and Menus: Separator between navigation items
- Mathematical Expressions: Spacing in equations and formulas
- Bibliographies: Separating authors, titles, and publication info
- Time Formats: 10:30 AM or dates like Jan 15
Design Applications:
- Creating consistent spacing in responsive designs
- Maintaining spacing hierarchy in typographic systems
- Preventing awkward line breaks in formatted text
- Building professional document templates
- Fine-tuning kerning and tracking in web typography
- Creating elegant spacing in card layouts and UI components
En Space vs. Other Spaces:
| Space Type | Width | Fixed? | Best Use |
|---|---|---|---|
| Regular Space (U+0020) | Variable | No | Normal word separation |
| Non-Breaking Space (U+00A0) | Variable | No breaks | Keeping words together |
| En Space (U+2002) | ½ em (proportional) | Yes | Precise typographic spacing |
| Em Space (U+2003) | 1 em (proportional) | Yes | Paragraph indentation |
| Thin Space (U+2009) | ⅕ em (proportional) | Yes | Fine spacing adjustments |
⚠️ Important Note:
While en spaces provide precise control, they should be used thoughtfully. In body text, regular spaces usually work best. Reserve en spaces for situations where you need exact, predictable spacing—like in data displays, formatted lists, or when creating visual hierarchies in headings and titles. Overuse can make text feel rigid and mechanical.
Visual Comparison:
How to type En Space?
To type the using the keyboard you can use the Alt code from the shortcode section. Here are the simple steps to type the using Alt code from your keyboard. Make sure you switch on the Num Lock from the keyboard and you type the number from the Numpad and not from the top row of the keyboard.
- Hold down the left Alt Key from your keyboard.
- Type the Alt code number 8194 and release the Alt key.
Once you release the Alt key, the en space will be displayed.
Alternative Methods:
- Windows: Alt + 8194 (on numpad)
- Mac: Option + Space will give you a non-breaking space, but for en space use Character Viewer or copy/paste
- Linux: Ctrl + Shift + U, then type 2002 and press Enter
- HTML: Type
 or in your code - Copy & Paste: Simply click the copy button above (easiest method!)
💡 Pro Tip:
Many professional designers and typographers keep a document with commonly used special spaces saved for easy copy-pasting. This is often faster than remembering multiple keyboard shortcuts, especially when you're working with several different space types in a single project.
How to add En Space in HTML?
To add the En Space in HTML, you can use an HTML entity, an HTML code (decimal), and a Hex code.
The HTML entity  
is the most commonly used method because it's memorable and semantic. Here are the examples:
<p>Word Word Word</p>
<p>2020 2025</p>
<p>Pages 10 20</p>
<nav>
<a href="#">Home</a> 
<a href="#">About</a> 
<a href="#">Contact</a>
</nav>
All the above examples will insert en spaces that maintain consistent, proportional spacing regardless of font size or browser settings.
How to add En Space in CSS?
To display the En Space from CSS, you can use a CSS escape code. You can add content :before or :after an element. Here are practical examples:
.en-space-after::after {
content: '\2002';
}
/* Create separator with en spaces */
.nav-separator::before,
.nav-separator::after {
content: '\2002\2002';
}
/* Add en space for number ranges */
.date-range::before {
content: '\2002';
}<span class="en-space-after">First</span>Second
<span class="nav-separator">|</span>
<span>2020</span><span class="date-range">2025</span>The above CSS will add en spaces before or after elements, creating elegant, proportional spacing in your layouts.
🎨 CSS Tip:
En spaces work beautifully in flexbox and grid layouts for creating consistent visual
rhythm. You can also use them in combination with other typographic properties like letter-spacing and
word-spacing to
achieve professional typographic effects.
Aesthetic ⓵
Numbers •
Dot ☎
Phone ♂
Gender ➔
Arrows │
Line 🎀
Birthday ❗
Exclamation ☛
Bullet Point ♥
Heart ★
Star √
Tick ☒
X Mark 「」
Quotation ⦃⦄
Bracket ʘ‿ʘ
Kaomoji 🕛
Time 🏔
Mountain ☀️
Summer 🌧️
Rain ───✧❁✧───️
Divider 🌩
Cloud 🛠
Tools 👑
Crown ⚲
Location ⁇
Question Mark ≋
Tilde ⌛
Bowtie ‽
Interrobang ☟
Manicule ‡
Dagger ⧫
Diamond ❦
Hedera ☸
Peace 🎯
Target 🏹
Bow 🌜
Moon ☣
Biohazard ≈
Approximately ±
Plus Or Minus ∞
Infinity <
Less Than Σ
Greek Letter ≠
Math ©
Copyright