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

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

312 0 Space 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

Copied!

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)

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

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>

Related Articles
We will be happy to hear your thoughts

Leave a reply

Copy & Paste Empty Character & Blank Characters
Logo