HTML Entity for Fraction 1 By 8 (⅛)
What You'll Learn
How to display the Fraction 1 By 8 symbol (⅛) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+215B (VULGAR FRACTION ONE EIGHTH) in the Number Forms block (U+2150–U+218F)—a vulgar fraction representing 1⁄8 (one eighth).
Render it with the named entity ⅛, ⅛, ⅛, or CSS escape \215B. Do not confuse ⅛ with one seventh (⅐, U+2150), three quarters (¾, U+00BE, ¾), or plain text 1/8.
⚡ Quick Reference — Fraction 1 By 8
U+215BNumber Forms
⅛Hexadecimal reference
⅛Decimal reference
⅛One eighth (most readable)
Name Value
──────────── ──────────
Unicode U+215B
Hex code ⅛
HTML code ⅛
Named entity ⅛
CSS code \215B
Meaning Vulgar fraction one eighth (1/8)
Related U+2150 = One seventh (⅐); U+00BE = Three quarters (¾)Complete HTML Example
This example demonstrates the Fraction 1 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: "\215B";
}
</style>
</head>
<body>
<p>Fraction 1 By 8 using Hexadecimal: ⅛</p>
<p>Fraction 1 By 8 using HTML Code: ⅛</p>
<p>Fraction 1 By 8 using HTML Entity: ⅛</p>
<p id="point">Fraction 1 By 8 using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Fraction 1 By 8 (⅛) is widely supported in modern browsers with a suitable font:
👀 Live Preview
See the vulgar fraction one eighth (⅛) in recipes, math, and compared with related glyphs:
🧠 How It Works
Named Entity
⅛ is the HTML named entity for one eighth—often preferred in readable recipe and math markup.
Hexadecimal Code
⅛ uses the Unicode hexadecimal value 215B. The x prefix indicates hexadecimal format.
Decimal HTML Code
⅛ uses the decimal Unicode value 8539 to display the same character.
CSS Entity
\215B 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+215B in Number Forms. For one seventh, see Fraction 1 By 7 (⅐).
Use Cases
The Fraction 1 By 8 symbol (⅛) is commonly used in:
Cooking and measurements (e.g. ⅛ cup, ⅛ teaspoon).
Equations, fractions, and math content using one eighth.
Textbooks, tutorials, and lessons on fractions and ratios.
Statistics, scores, and displays showing eighths or 12.5% 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. “one eighth”) for accessibility - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⅛ (one eighth) with ⅐ (one seventh, U+2150)
- Confuse ⅛ (1⁄8) with ¾ (three quarters, U+00BE)
- Put CSS escape
\215Bin HTML text nodes - Mix entity styles randomly in one file
- Use
1/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
\215BUnicode U+215B — vulgar fraction one eighth
⅛ is the standard named entity
Next: Fraction 1 By 9 (⅑, U+2151)
❓ Frequently Asked Questions
⅛ (named), ⅛ (hex), ⅛ (decimal), or \215B in CSS content. All produce ⅛.U+215B (VULGAR FRACTION ONE EIGHTH). Number Forms block (U+2150–U+218F). Hex 215B, decimal 8539. Represents the vulgar fraction one eighth (⅛).⅛ is the named HTML entity for U+215B (⅛). You can also use ⅛ (decimal) or ⅛ (hexadecimal). All render the same symbol.⅛, ⅛, or ⅛) go directly in markup. The CSS escape \215B 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