Narrow No-Break Space | Copy and Paste [ ] Character

5/5 - (2 votes)

The Narrow No-Break Space (NNBSP) is represented by Unicode U+202F. It is slightly larger than a Hair Space but smaller than a Thin Space and is typically used to create a small yet noticeable separation between elements.

Narrow No Break Space

Copy Narrow No-Break Space Character

Narrow No-Break Space Generator

Enter Number

Copied!

Narrow No-Break Space Table

Character NameNarrow No Break Space
Unicode Code PointU+202F
HTML Code 
HTML Hex Code 
CSS Code\202F
JavaScript/Java/C\u{202F} (JavaScript and ES6), \\u202F (Java and C)

FAQs

Using Narrow No-Break Space in HTML

To add a Narrow No Break Space (U+202F) to HTML, you can use one of the following methods:

Using HTML Code:

Copy & Paste Narrow No Break Space Character – Blank spacecopy.com

Using Hex Code:

Copy & Paste Narrow No Break Space Character – Blank spacecopy.com

Narrow No Break Space

Thin Space vs Narrow No Break Space vs Hair Space vs Zero Width Space

Using Narrow No-Break Space in CSS

You can use the ::before and ::after pseudo-elements in CSS to add a Narrow No Break Space (U+202F) before and after an element. Here’s how you can do it:

To copy the code, simply double-click on it and press Ctrl+C.

CSS

.narrow-no-break-after::after {
    content: "\202F";
  }
.narrow-no-break-before::before {
    content: "\202F";
  }

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Narrow No Break Space Example</title>
    <style>
        .narrow-no-break-before::before {
            content: "\202F";
        }

        .narrow-no-break-after::after {
            content: "\202F";
        }
    </style>
</head>
<body>
    <p>This is some text without a Narrow No Break Space.</p>
    <p class="narrow-no-break-before">This is some text with a Narrow No Break Space before.</p>
    <p class="narrow-no-break-after">This is some text with a Narrow No Break Space after.</p>
</body>
</html>

Copy & Paste Empty Character & Blank Characters
Logo