HTML Entity for Fraction 1 By 8 (⅛)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+215B

What Is Fraction 1 By 8?

Fraction 1 by 8 (⅛) is the Unicode character at U+215B in Number Forms. Official name: VULGAR FRACTION ONE EIGHTH. It is one precomposed fraction glyph — not the three characters 1/8.

Remember
Character     ⅛
Unicode       U+215B
Named entity  ⅛
Hex entity    ⅛
Decimal       ⅛
CSS escape    \215B
Meaning       vulgar fraction one eighth (1/8)
Not the same  1/8 (three chars) · ⅐ (1/7) · ⅜ (3/8)

Prefer ⅛ in HTML for readable markup. You can also use ⅛, ⅛, or type ⅛ in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity⅛HTML markup (preferred)
Hex entity⅛HTML markup
Decimal entity⅛HTML markup
Direct character⅛HTML text (UTF-8)
CSS escape\215BStylesheet content

When to Use Which

SituationUse
Precomposed one eighth⅛ or type ⅛
Plain ASCII / maximum compatibilityType 1/8 as three characters
One seventhFraction 1 by 7 (⅐)
Three eighthsFraction 3 by 8 — ⅜ (⅜)
Generated text via ::before / ::aftercontent: "\215B"

Live Preview

Fraction alone, in a sample label, and next to related fractions.

Glyph ⅛
Large glyph ⅛
Sample Measure: ⅛ teaspoon
Compared ⅛   1/8   ⅐   ⅜
With entities Named: ⅛ | Hex: ⅛ | Decimal: ⅛

Complete HTML Example

One page that shows one eighth with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to display ⅛ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Fraction 1 By 8 (U+215B) in HTML</title>
  <style>
    #point::after {
      content: "\215B";
    }
  </style>
</head>
<body>
  <p>Built with Named: &frac18;</p>
  <p>Built with Hex: &#x215B;</p>
  <p>Built with Decimal: &#8539;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ⅛</p>
  <p>Measure: <span aria-label="one eighth">&frac18;</span> teaspoon</p>
  <p>Math: 8 &frac18; = 1</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &frac18; is the HTML5 name for U+215B → ⅛.

2. Hex: &#x215B; inserts the same code point by hexadecimal value.

3. Decimal: same code point as 8539 → &#8539;. Same visual as named/hex.

4. CSS: use \215B in content (not an HTML entity). #point::after appends ⅛.

5. Typed: paste ⅛ in a UTF-8 document when you need the one-eighth glyph as one character.

Pitfalls & Tips

Common mistakes when working with fraction 1 by 8.

Name

Prefer &frac18;

The named entity is clear and standard. Avoid inventing names like &oneeighth;.

1/8

Not three characters

Typing 1/8 creates three code points. ⅛ is one Number Forms character.

⅜

Not three eighths

Three eighths is ⅜ (U+215C, &frac38;). Use it when you mean 3/8, not 1/8.

Font

Font coverage

Some fonts omit Number Forms fractions. If ⅛ is missing, fall back to 1/8 or a font with Number Forms coverage.

CSS vs HTML

Do not mix escapes

\215B belongs in CSS strings. &frac18; / &#x215B; / &#8539; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ⅛ clearly. Prefer aria-label="one eighth" or nearby prose when the fraction carries meaning.

Semicolon

End references

Always finish entities with ; — write &frac18;, not &frac18.

Browser Support

Fraction 1 by 8 (U+215B) and its entity forms (&frac18;, &#x215B;, &#8539;, CSS \\215B) are supported in all mainstream browsers. Visible glyphs depend on Number Forms font coverage.

✓ Universal support

Fraction 1 By 8 (&#x215B;)

Encode with named, hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+215B Full support

Bottom line: Prefer &frac18; in HTML. Use &#x215B; / &#8539; when numeric form is required, and \\215B only inside CSS content.

Key Takeaways

  • Unicode: fraction 1 by 8 is U+215B (decimal 8539) — glyph ⅛.
  • HTML: prefer &frac18; — also &#x215B; / &#8539; / type ⅛.
  • CSS: use \215B inside content for generated text.
  • Meaning: ⅛ ≠ 1/8 (three chars) ≠ ⅜.

One line: U+215B → &frac18; / &#x215B; / &#8539; / CSS \215B.

Frequently Asked Questions

Use &frac18; (named), &#x215B; (hex), &#8539; (decimal), type ⅛ directly in UTF-8, or the CSS escape \215B in content.
U+215B (VULGAR FRACTION ONE EIGHTH). Hex 215B, decimal 8539. It belongs to the Number Forms block (U+2150–U+218F).
Yes. HTML5 defines &frac18; for U+215B. Prefer it for readable markup.
Use it in recipes, measurements, math, and everyday text when you want the single one-eighth glyph. Prefer typing 1/8 as three characters when plain ASCII is required.
HTML entities (&frac18;, &#8539;, or &#x215B;) go in markup. The CSS escape \215B goes in stylesheet strings (usually content on ::before/::after).
No. U+215B is one character (⅛). Typing 1/8 creates three characters. Three eighths is U+215C (⅜).

Did you know?

Fraction 1 by 8 is Unicode U+215B (decimal 8539) — glyph ⅛ (VULGAR FRACTION ONE EIGHTH) in Number Forms. HTML5 named entity: &frac18;. Prefer the named form when you want readable markup. It is one precomposed character, not 1/8 as three characters. Related fractions include one seventh (⅐) and three eighths (⅜).

Next: Fraction 1 By 9

Learn the HTML entity for fraction 1 by 9 (U+2151).

Fraction 1 by 9 tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful