HTML Entity for Lowercase Roman Numeral Eleven (ⅺ)
What You'll Learn
How to display the lowercase roman numeral eleven (ⅺ) in HTML using hex, decimal, and CSS entity methods. This character is part of the Number Forms Unicode block and is useful for outlines, numbering, lists, academic content, and typography.
ⅺ has no named HTML entity, so you’ll use numeric references (ⅺ or ⅺ) or a CSS escape (\217A in content).
⚡ Quick Reference — ⅺ Entity
U+217ANumber Forms block
ⅺHexadecimal reference
ⅺDecimal reference
\217AUse in CSS content
Name Value
──────────── ──────────
Unicode U+217A
Hex code ⅺ
HTML code ⅺ
Named entity (none)
CSS code \217AComplete HTML Example
This example demonstrates the lowercase roman numeral eleven (ⅺ) using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\217A";
}
</style>
</head>
<body>
<p>Lowercase Roman Eleven using Hexa Decimal: ⅺ</p>
<p>Lowercase Roman Eleven using HTML Code: ⅺ</p>
<p id="point">Lowercase Roman Eleven using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The character ⅺ (U+217A) is supported in all modern browsers. Rendering depends on font support for the Number Forms block, so include a sensible fallback font stack:
👀 Live Preview
See ⅺ rendered in a few real-world contexts:
🧠 How It Works
Hexadecimal Code
ⅺ references Unicode 217A in hexadecimal to produce the glyph ⅺ in HTML.
Decimal HTML Code
ⅺ uses the decimal code point value 8570 to render the same character.
CSS Entity (Escape)
\217A is used in CSS (often in content) to generate ⅺ in pseudo-elements like ::before and ::after.
Same visual result
All methods render ⅺ. Unicode is U+217A (Number Forms). There is no named HTML entity for this character.
Use Cases
The lowercase roman numeral eleven (ⅺ) commonly appears in the following scenarios:
Hierarchical numbering for sections and sub-sections using lowercase roman numerals.
Secondary numbering levels in articles, documentation, and long-form content.
Front matter pagination and conventions that use lowercase roman numerals.
Captions or references like “Fig. ⅺ” when style requires lowercase.
Design-focused headings and decorative numbering using roman numerals.
Formal documents with established roman numeral conventions.
💡 Best Practices
Do
- Use
ⅺorⅺconsistently across your project - Verify your font stack supports Number Forms (or provide fallbacks)
- Use semantic HTML (
<ol>, headings) when ⅺ is part of a numbering system - Prefer CSS
contentif you want generated markers without extra markup - Test on common devices to ensure the glyph doesn’t fall back unexpectedly
Don’t
- Assume every custom font includes ⅺ (Number Forms coverage varies)
- Mix hex and decimal references randomly within the same page
- Use the CSS escape in HTML content (it belongs in CSS)
- Use ⅺ without context if it could confuse readers
- Expect a named entity (there isn’t one for ⅺ)
Key Takeaways
Use numeric references in HTML
ⅺ ⅺFor CSS, use the escape in the content property
\217AUnicode U+217A belongs to the Number Forms block
There is no named HTML entity for ⅺ
Font support matters—use a good fallback stack for consistent rendering
❓ Frequently Asked Questions
ⅺ (hex) or ⅺ (decimal) in HTML. In CSS, use \217A in the content property. All render ⅺ.U+217A (hex 217A, decimal 8570). It’s part of the Number Forms Unicode block.ⅺ or ⅺ) are used directly in markup. The CSS escape \217A is used in stylesheets (often in content on pseudo-elements). Same glyph, different layer.ⅺ or ⅺ instead of a named entity.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful