Thin Space (U+2009) | Copy and Paste [ ] Character

5/5 - (2 votes)

A thin space (U+2009), as the name suggests, is a type of whitespace, or space character, that is typically one-fifth (1⁄5) or one-sixth (1⁄6) of an em. This is narrower than a regular space.

Thin spaces are particularly useful when trying to fit words into tight spaces or when aiming to improve the aesthetics of a layout.

thin space

Copy Thin Space Character

Thin Space Generator

Enter Number

Copied!

Thin Space Table

Character NameThin Space
Unicode Code PointU+2009
HTML Code 
 
HTML Hex Code 
CSS Code\2009
JavaScript/Java/C\u{2009} (JavaScript and ES6), \\u2009 (Java and C)

FAQs

Using Thin Space in HTML

To add a thin space in HTML, you can use the HTML entity ( ), the decimal entity ( ) or Hex code ( ), which represents a thin space character. Here’s how you can use it:

Using HTML Code:

Copy & Paste Thin Space Character – Blank spacecopy.com

Using Hex Code:

Copy & Paste Thin Space Character – Blank spacecopy.com

Thin Space  

Thin Space vs Zero Width Space vs Em Space

Using Thin Space in CSS

To add the “Thin Space” character to the CSS ::before and ::after, you can use the content property. Here’s an example:

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

CSS

.thin-space::before {
      content: "\2009"; 
    }
 .thin-space::after {
      content: "\2009"; 
    }

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .thin-space::before {
      content: "\2009"; /* Using the CSS code for Thin Space */
    }

    .thin-space::after {
      content: "\2009"; /* Using the CSS code for Thin Space */
    }
  </style>
</head>
<body>
  <p>This is a <span class="thin-space"></span> Thin Space <span class="thin-space"></span> Example.</p>
</body>
</html>

19 Comments
Show all Most Helpful Highest Rating Lowest Rating Add your review
  1. Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

  2. Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

  3. remise kamagra sans ordonnance

    acheter kamagra pharmacie gratuit tablette pour

  4. order enclomiphene australia online generic

    buy cheap enclomiphene australia online no prescription

  5. how to order androxal pill

    cheapest buy androxal toronto canada

  6. cheap dutasteride cheap australia

    how to buy dutasteride uk online pharmacy

  7. how to order flexeril cyclobenzaprine canadian discount pharmacy

    cheap flexeril cyclobenzaprine generic next day delivery

  8. get gabapentin generic online buy

    can i get gabapentin at at wal-mart store without a prescrition

  9. order fildena price prescription

    buy fildena purchase singapore

  10. itraconazole online no prescription

    vivo en bradenton fl usa donde puedo comprar itraconazole

  11. no prescription required staxyn

    purchase staxyn generic effectiveness

  12. cheapest buy avodart generic online uk

    get avodart generic does it works

  13. get xifaxan generic germany

    xifaxan overnight delivery

  14. koupit levné kamagra bez lékařského předpisu

    comprar kamagra en chile

  15. Your point of view caught my eye and was very interesting. Thanks. I have a question for you.

  16. Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

  17. Your point of view caught my eye and was very interesting. Thanks. I have a question for you. https://www.binance.info/da-DK/register?ref=V2H9AFPY

Leave a reply

Copy & Paste Empty Character & Blank Characters
Logo