Hair Space (U+200A) | Copy and Paste [ ] Character

5/5 - (2 votes)

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.

hair space

Copy Hair Space Character

Hair Space Generator

Enter Number


Hair Space Table

Character NameHair Space
Unicode Code PointU+200A
HTML Code  
HTML Hex Code  
CSS Code \200A
JavaScript/Java/C \u{200A} (JavaScript and ES6), \\u200A (Java and C)


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

Using Hex Code:

Copy & Paste Hair Space Character – Blank

hair space

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.


.hair-space::after {
    content: "\200A"; 
.hair-space::before {
    content: "\200A";


<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        /* Define the hair space as a content property */
        .hair-space::after {
            content: "\200A"; /* Unicode for hair space */

        /* Style the content with hair spaces */
        .example {
            font-size: 18px;
            text-align: center;

        .example::after {
            color: #FF5733; /* Change the color for visibility */
    <title>Hair Space Example</title>
    <div class="example hair-space">
        Content with hair spaces before and after

We will be happy to hear your thoughts

Leave a reply

Copy & Paste Empty Character & Blank Characters