HTML Entity for Fraction 7 By 8 (⅞)

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

What Is Fraction 7 By 8?

Fraction 7 by 8 (⅞) is the Unicode character at U+215E in Number Forms. Official name: VULGAR FRACTION SEVEN EIGHTHS. It is one precomposed fraction glyph — not the three characters 7/8.

Remember
Character     ⅞
Unicode       U+215E
Named entity  ⅞
Hex entity    ⅞
Decimal       ⅞
CSS escape    \215E
Meaning       vulgar fraction seven eighths (7/8)
Not the same  7/8 (three chars) · ⅝ (5/8) · ⅛ (1/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\215EStylesheet content

When to Use Which

SituationUse
Precomposed seven eighths⅞ or type ⅞
Plain ASCII / maximum compatibilityType 7/8 as three characters
Five eighthsFraction 5 by 8 — ⅝ (⅝)
One eighthFraction 1 by 8 — ⅛ (⅛)
Generated text via ::before / ::aftercontent: "\215E"

Live Preview

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

Glyph ⅞
Large glyph ⅞
Sample Measure: ⅞ teaspoon
Compared ⅞   7/8   ⅝   ⅛
With entities Named: ⅞ | Hex: ⅞ | Decimal: ⅞

Complete HTML Example

One page that shows seven eighths 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 7 By 8 (U+215E) in HTML</title>
  <style>
    #point::after {
      content: "\215E";
    }
  </style>
</head>
<body>
  <p>Built with Named: &frac78;</p>
  <p>Built with Hex: &#x215E;</p>
  <p>Built with Decimal: &#8542;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ⅞</p>
  <p>Measure: <span aria-label="seven eighths">&frac78;</span> teaspoon</p>
  <p>Math: 8 &times; &frac78; = 7</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &frac78; is the HTML5 name for U+215E → ⅞.

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

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

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

5. Typed: paste ⅞ in a UTF-8 document when you need the seven-eighths glyph as one character.

Pitfalls & Tips

Common mistakes when working with fraction 7 by 8.

Name

Prefer &frac78;

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

7/8

Not three characters

Typing 7/8 creates three code points. ⅞ is one Number Forms character.

⅝

Not five eighths

Five eighths is ⅝ (U+215D, &frac58;). Use it when you mean 5/8, not 7/8.

Font

Font coverage

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

CSS vs HTML

Do not mix escapes

\215E belongs in CSS strings. &frac78; / &#x215E; / &#8542; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ⅞ clearly. Prefer aria-label="seven eighths" or nearby prose when the fraction carries meaning.

Semicolon

End references

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

Browser Support

Fraction 7 by 8 (U+215E) and its entity forms (&frac78;, &#x215E;, &#8542;, CSS \\215E) are supported in all mainstream browsers. Visible glyphs depend on Number Forms font coverage.

✓ Universal support

Fraction 7 By 8 (&#x215E;)

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+215E Full support

Bottom line: Prefer &frac78; in HTML. Use &#x215E; / &#8542; when numeric form is required, and \\215E only inside CSS content.

Key Takeaways

  • Unicode: fraction 7 by 8 is U+215E (decimal 8542) — glyph ⅞.
  • HTML: prefer &frac78; — also &#x215E; / &#8542; / type ⅞.
  • CSS: use \215E inside content for generated text.
  • Meaning: ⅞ ≠ 7/8 (three chars) ≠ ⅝.

One line: U+215E → &frac78; / &#x215E; / &#8542; / CSS \215E.

Frequently Asked Questions

Use &frac78; (named), &#x215E; (hex), &#8542; (decimal), type ⅞ directly in UTF-8, or the CSS escape \215E in content.
U+215E (VULGAR FRACTION SEVEN EIGHTHS). Hex 215E, decimal 8542. It belongs to the Number Forms block (U+2150–U+218F).
Yes. HTML5 defines &frac78; for U+215E. Prefer it for readable markup.
Use it in recipes, measurements, math, and everyday text when you want the single seven-eighths glyph. Prefer typing 7/8 as three characters when plain ASCII is required.
HTML entities (&frac78;, &#8542;, or &#x215E;) go in markup. The CSS escape \215E goes in stylesheet strings (usually content on ::before/::after).
No. U+215E is one character (⅞). Typing 7/8 creates three characters. Five eighths is U+215D (⅝).

Did you know?

Fraction 7 by 8 is Unicode U+215E (decimal 8542) — glyph ⅞ (VULGAR FRACTION SEVEN EIGHTHS) in Number Forms. HTML5 named entity: &frac78;. Prefer the named form when you want readable markup. It is one precomposed character, not 7/8 as three characters. Related fractions include five eighths (⅝) and one eighth (⅛).

Next: Fraction Slash

Learn the HTML entity for fraction slash (U+2044).

Fraction slash 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