HTML Entity for Fraction 7 By 8 (⅞)
What You'll Learn
How to display the Fraction 7 By 8 symbol (⅞) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+215E (VULGAR FRACTION SEVEN EIGHTHS) in the Number Forms block (U+2150–U+218F)—a vulgar fraction representing 7⁄8 (seven eighths).
Render it with the named entity ⅞, ⅞, ⅞, or CSS escape \215E. Do not confuse ⅞ with five eighths (⅝, U+215D, ⅝), three eighths (⅜, U+215C, ⅜), or plain text 7/8.
⚡ Quick Reference — Fraction 7 By 8
U+215ENumber Forms
⅞Hexadecimal reference
⅞Decimal reference
⅞Seven eighths (most readable)
Name Value
──────────── ──────────
Unicode U+215E
Hex code ⅞
HTML code ⅞
Named entity ⅞
CSS code \215E
Meaning Vulgar fraction seven eighths (7/8)
Related U+215D = Five eighths (⅝); U+215B = One eighth (⅛)Complete HTML Example
This example demonstrates the Fraction 7 By 8 symbol (⅞) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\215E";
}
</style>
</head>
<body>
<p>Fraction 7 By 8 using Hexadecimal: ⅞</p>
<p>Fraction 7 By 8 using HTML Code: ⅞</p>
<p>Fraction 7 By 8 using HTML Entity: ⅞</p>
<p id="point">Fraction 7 By 8 using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Fraction 7 By 8 (⅞) is widely supported in modern browsers with a suitable font:
👀 Live Preview
See the vulgar fraction seven eighths (⅞) in recipes, math, and compared with related glyphs:
🧠 How It Works
Named Entity
⅞ is the HTML named entity for seven eighths—often preferred in readable recipe and math markup.
Hexadecimal Code
⅞ uses the Unicode hexadecimal value 215E. The x prefix indicates hexadecimal format.
Decimal HTML Code
⅞ uses the decimal Unicode value 8542 to display the same character.
CSS Entity
\215E is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce: ⅞. Unicode U+215E in Number Forms. For five eighths, see Fraction 5 By 8 (⅝).
Use Cases
The Fraction 7 By 8 symbol (⅞) is commonly used in:
Cooking sites and measurements (e.g. ⅞ cup, ⅞ teaspoon).
Equations, fractions, and math content using seven eighths.
Textbooks, tutorials, and lessons on fractions and ratios.
Statistics, scores, and displays showing seven-eighths or proportional shares.
Legal, academic, or technical documents with vulgar fractions.
HTML entity lists, Unicode charts, and character references.
💡 Best Practices
Do
- Use
⅞for readable HTML in recipes and math - Pair with units (e.g. ⅞ cup) for clear measurements
- Use math-friendly fonts (Cambria Math, STIX Two Math) for clear fractions
- Add
aria-label(e.g. “seven eighths”) for accessibility - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⅞ (seven eighths) with ⅝ (five eighths, U+215D)
- Confuse ⅞ (7⁄8) with ⅜ (three eighths, U+215C)
- Put CSS escape
\215Ein HTML text nodes - Mix entity styles randomly in one file
- Use
7/8when typographic ⅞ is required for consistency
Key Takeaways
Three HTML references plus CSS all render ⅞
⅞ ⅞ ⅞For CSS stylesheets, use the escape in the content property
\215EUnicode U+215E — vulgar fraction seven eighths
⅞ is the standard named entity
Next: Fraction Slash (continues the sequence)
❓ Frequently Asked Questions
⅞ (named), ⅞ (hex), ⅞ (decimal), or \215E in CSS content. All produce ⅞.U+215E (VULGAR FRACTION SEVEN EIGHTHS). Number Forms block (U+2150–U+218F). Hex 215E, decimal 8542. Represents the vulgar fraction seven eighths (⅞).⅞ is the named HTML entity for U+215E (⅞). You can also use ⅞ (decimal) or ⅞ (hexadecimal). All render the same symbol.⅞, ⅞, or ⅞) go directly in markup. The CSS escape \215E is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — fractions, symbols, and more.
About the author
8 people found this page helpful