HTML Entity for Small Roman Numeral Seven (ⅶ)
What You'll Learn
How to display the small Roman numeral seven (ⅶ) in HTML using hex, decimal, and CSS entity methods. This character lives in the Number Forms Unicode block and is commonly used for outlines, lists, academic formatting, legal numbering, and table-of-contents style numbering.
ⅶ has no named HTML entity, so you’ll use numeric references (ⅶ or ⅶ) or a CSS escape (\2176 in content).
⚡ Quick Reference — ⅶ Entity
U+2176Number Forms block
ⅶHexadecimal reference
ⅶDecimal reference
\2176Use in CSS content
Name Value
──────────── ──────────
Unicode U+2176
Hex code ⅶ
HTML code ⅶ
Named entity (none)
CSS code \2176Complete HTML Example
This example demonstrates ⅶ using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2176";
}
</style>
</head>
<body>
<p>Small Roman Numeral Seven using Hexa Decimal: ⅶ</p>
<p>Small Roman Numeral Seven using HTML Code: ⅶ</p>
<p id="point">Small Roman Numeral Seven using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The character ⅶ (U+2176) 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 practical contexts:
🧠 How It Works
Hexadecimal Code
ⅶ references Unicode 2176 in hexadecimal to produce the glyph ⅶ in HTML.
Decimal HTML Code
ⅶ uses the decimal code point value 8566 to render the same character.
CSS Entity (Escape)
\2176 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+2176 (Number Forms). There is no named HTML entity for this character.
Use Cases
The small Roman numeral seven (ⅶ) commonly appears in the following scenarios:
Hierarchical numbering in documents (i, ii, iii, ⅳ, ⅴ, ⅵ, ⅶ).
Front-matter numbering where lower-roman is conventional.
Clauses, sub-sections, and citations that use roman numerals.
Figure/Table labels like “Figure ⅶ”.
Volumes, parts, and stylistic numbering in books (e.g., Volume ⅶ).
Use a single glyph instead of plain “vii” for consistent roman spacing.
💡 Best Practices
Do
- Use
<ol style="list-style-type: lower-roman">when it’s truly a list - Use numeric references (
ⅶ/ⅶ) for portability - Verify font support for Number Forms if the glyph is critical
- Keep numbering style consistent within a section
- Pair with text context when needed (e.g., “Section ⅶ”)
Don’t
- Use ⅶ where three Latin letters “v” + “i” + “i” are semantically intended (they can render differently)
- Assume all fonts include Number Forms
- Mix uppercase and lowercase roman styles without reason
- Use the CSS escape inside HTML content
- Replace semantic list structure with decorative glyphs
Key Takeaways
Use numeric references in HTML
ⅶ ⅶFor CSS, use the escape in the content property
\2176Unicode U+2176 is in Number Forms
ⅶ is a single roman glyph, not three letters
There is no named HTML entity for ⅶ
❓ Frequently Asked Questions
ⅶ (hex) or ⅶ (decimal) in HTML. In CSS, use \2176 in the content property. All render ⅶ.U+2176 (hex 2176, decimal 8566). It’s part of the Number Forms Unicode block.ⅶ or ⅶ) are used directly in markup. The CSS escape \2176 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