HTML Entity for Lowercase Roman Numeral Seven (ⅶ)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+2176

What Is the Lowercase Roman Numeral Seven Entity?

Lowercase Roman Numeral Seven (ⅶ) is the Unicode character at U+2176 in the Number Forms block. It looks like a small roman vii and is used for outlines, chapter labels, and formal numbering.

Remember
Character     ⅶ
Unicode       U+2176
Hex entity    ⅶ
Decimal       ⅶ
CSS escape    \2176
Named entity  (none)

All of these produce the same glyph: ⅶ. Prefer the Unicode character (or its entities) when you need a true roman numeral; type the letters vii when you only need ordinary text.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct characterⅶHTML text (UTF-8)
Hex entityⅶHTML markup
Decimal entityⅶHTML markup
CSS escape\2176Stylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the roman numeral glyph ⅶType ⅶ, or ⅶ / ⅶ
Generated text via ::before / ::aftercontent: "\2176"
Uppercase roman numeral sevenUse Ⅶ (U+2166)
Ordinary letters vii (not a numeral)Type vii
Looking for &romanvii; or similarDoes not exist — use numeric form

Live Preview

Lowercase Roman Numeral Seven rendered in common writing contexts.

Inline text ⅶ. Index
Large glyph ⅶ
Outline ⅴ Five   ⅵ Six   ⅶ Seven
Monospace section ⅶ → notes
With entities Hex: ⅶ | Decimal: ⅶ

Complete HTML Example

One page that shows Lowercase Roman Numeral Seven with the hex entity, decimal entity, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

All four ways to produce ⅶ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lowercase Roman Numeral Seven (ⅶ) in HTML</title>
  <style>
    #point::after {
      content: "\2176";
    }
  </style>
</head>
<body>
  <p>Lowercase Roman 7 using Hex Code: &#x2176;</p>
  <p>Lowercase Roman 7 using HTML Code: &#8566;</p>
  <p id="point">Lowercase Roman 7 using CSS Entity: </p>
  <p>Typed directly: ⅶ</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2176 → &#x2176; in HTML. The browser turns it into ⅶ.

2. Decimal: same code point as 8566 → &#8566;. Same result as hex.

3. CSS: use \2176 in content (not an HTML entity). #point::after appends that ⅶ after the paragraph text.

4. Typed ⅶ: fine in UTF-8 pages. All four lines show the same roman numeral.

Pitfalls & Tips

Common mistakes when working with Lowercase Roman Numeral Seven entities.

Named?

No named entity

HTML5 does not define &romanvii; or similar. Use numeric forms.

CSS vs HTML

Do not mix escapes

\2176 belongs in CSS. &#x2176; / &#8566; belong in HTML.

ⅶ vs vii vs Ⅶ

Different characters

ⅶ is U+2176; letters vii are Basic Latin; uppercase Ⅶ is U+2166.

Fonts

Check the glyph

Number Forms support varies by font. If ⅶ is missing, fall back to vii or another font.

Semicolon

End references

Always finish with ; — write &#8566;, not &#8566.

Lists

CSS list-style

For auto-numbered roman lists, prefer list-style-type: lower-roman instead of hard-coding ⅶ.

Browser Support

Lowercase Roman Numeral Seven (U+2176) and its numeric entity forms (&#x2176;, &#8566;, CSS \\2176) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Lowercase Roman 7 (ⅶ)

Encode with hex, decimal, or CSS escape — or paste ⅶ in UTF-8 HTML.

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+2176 / entities Full support

Bottom line: Use &#x2176; or &#8566; for the Unicode glyph, and \\2176 only inside CSS content. Prefer the letters vii for ordinary text.

Key Takeaways

  • Unicode: Lowercase Roman Numeral Seven is U+2176 (decimal 8566).
  • HTML: use &#x2176; or &#8566; when you need an entity.
  • CSS: use \2176 inside content for generated text.
  • Default: use ⅶ for roman outlines; type vii for ordinary letters.

One line: U+2176 → &#x2176; / &#8566; / CSS \2176, or paste ⅶ.

Frequently Asked Questions

Use &#x2176; (hex), &#8566; (decimal), or the CSS escape \2176 in the content property. All render ⅶ. You can also paste ⅶ directly when your file is UTF-8.
U+2176 (hex 2176, decimal 8566). It belongs to the Number Forms Unicode block.
No. HTML5 does not define a named entity for ⅶ. Use numeric references like &#x2176; or &#8566;.
Use it for outline labels, chapter markers, and typography that needs a true lowercase roman numeral glyph. For ordinary text, typing vii is usually enough.
No. The Latin letters that form vii are separate Basic Latin characters. Uppercase roman numeral seven is U+2166 (Ⅶ). Lowercase roman numeral seven is U+2176 (ⅶ) — a different character.
HTML entities (&#8566; or &#x2176;) go in markup. The CSS escape \2176 is used in stylesheets (usually in the content property of ::before/::after). Both render ⅶ.

Did you know?

Lowercase roman numeral seven is Unicode U+2176 (decimal 8566). HTML5 has no named entity for it — use &#x2176; or &#8566;. It is a different character from the letters vii and from uppercase roman Ⅶ (U+2166).

Next: 7 Roman

Learn the HTML entity for uppercase roman numeral seven (Ⅶ) — a different character from ⅶ.

7 Roman 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