A hair space, represented in HTML as   and in Unicode as U+200A, is a space character that’s thinner than a thin space. It’s a typographic unit of space that’s typically used to provide a minimal separation in text or between elements on a page.
Copy Hair Space Character
Hair Space Generator
Enter Number
Hair Space Table
| Character Name | Hair Space |
|---|---|
| Unicode Code Point | U+200A |
| HTML Code |
  
|
| HTML Hex Code |
 
|
| CSS Code |
\200A
|
| JavaScript/Java/C |
\u{200A} (JavaScript and ES6), \\u200A (Java and C)
|
FAQs
Using Hair Space in HTML
To add a hair space character (U+200A) directly into your HTML content, you can use one of the following methods:
Using HTML Code:
Copy & Paste Hair Space Character – Blank spacecopy.com
Using Hex Code:
Copy & Paste Hair Space Character – Blank spacecopy.com
Hair Space vs Thin Space vs Zero Width Space vs Em Space
Using Hair Space in CSS
Here’s a complete HTML document that includes the CSS code to add hair spaces before and after an element:
To copy the code, simply double-click on it and press Ctrl+C.
CSS
.hair-space::after {
content: "\200A";
}
.hair-space::before {
content: "\200A";
}
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* Define the hair space as a content property */
.hair-space::before,
.hair-space::after {
content: "\200A"; /* Unicode for hair space */
}
/* Style the content with hair spaces */
.example {
font-size: 18px;
text-align: center;
}
.example::before,
.example::after {
color: #FF5733; /* Change the color for visibility */
}
</style>
<title>Hair Space Example</title>
</head>
<body>
<div class="example hair-space">
Content with hair spaces before and after
</div>
</body>
</html>
![Hair Space (U+200A) | Copy and Paste [ ] Character](https://blankspacecopy.com/wp-content/uploads/thumbs_dir/Punctuation-Space-qch6wf65l5ncv6l8s2p7d3l18n7460s3y2oku83osc.webp)
![Hair Space (U+200A) | Copy and Paste [ ] Character](https://blankspacecopy.com/wp-content/uploads/thumbs_dir/Narrow-No-Break-Space-qchyf6xxchxuifftdcagk2y2jrt7ko2otxrdfz2q7w.webp)
![Hangul Filler (U+3164) | Copy and Paste [ ] Character](https://blankspacecopy.com/wp-content/uploads/2023/12/line-separator-336x220.webp)
![Right-To-Left Mark (U+200F) | Copy and Paste [] Character](https://blankspacecopy.com/wp-content/uploads/2023/09/Right-To-Left-336x220.webp)
