HTML Entity for Lowercase Roman Numeral Eleven (ⅺ)

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

What Is the Lowercase Roman Numeral Eleven Entity?

Lowercase Roman Numeral Eleven (ⅺ) is the Unicode character at U+217A in the Number Forms block. It looks like a small roman xi and is used for outlines, chapter labels, and formal numbering.

Remember
Character     ⅺ
Unicode       U+217A
Hex entity    ⅺ
Decimal       ⅺ
CSS escape    \217A
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 xi 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\217AStylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the roman numeral glyph ⅺType ⅺ, or ⅺ / ⅺ
Generated text via ::before / ::aftercontent: "\217A"
Uppercase roman numeral elevenUse Ⅺ (U+216A)
Ordinary letters xi (not a numeral)Type xi
Looking for &romanxi; or similarDoes not exist — use numeric form

Live Preview

Lowercase Roman Numeral Eleven rendered in common writing contexts.

Inline text ⅺ. Appendix
Large glyph ⅺ
Outline ⅹ Ten   ⅺ Eleven   ⅻ Twelve
Monospace section ⅺ → appendix
With entities Hex: ⅺ | Decimal: ⅺ

Complete HTML Example

One page that shows Lowercase Roman Numeral Eleven 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 Eleven (ⅺ) in HTML</title>
  <style>
    #point::after {
      content: "\217A";
    }
  </style>
</head>
<body>
  <p>Lowercase Roman 11 using Hex Code: &#x217A;</p>
  <p>Lowercase Roman 11 using HTML Code: &#8570;</p>
  <p id="point">Lowercase Roman 11 using CSS Entity: </p>
  <p>Typed directly: ⅺ</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+217A → &#x217A; in HTML. The browser turns it into ⅺ.

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

3. CSS: use \217A 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 Eleven entities.

Named?

No named entity

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

CSS vs HTML

Do not mix escapes

\217A belongs in CSS. &#x217A; / &#8570; belong in HTML.

ⅺ vs xi vs Ⅺ

Different characters

ⅺ is U+217A; letters xi are Basic Latin; uppercase Ⅺ is U+216A.

Fonts

Check the glyph

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

Semicolon

End references

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

Lists

CSS list-style

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

Browser Support

Lowercase Roman Numeral Eleven (U+217A) and its numeric entity forms (&#x217A;, &#8570;, CSS \\217A) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Lowercase Roman 11 (ⅺ)

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

Bottom line: Use &#x217A; or &#8570; for the Unicode glyph, and \\217A only inside CSS content. Prefer the letters xi for ordinary text.

Key Takeaways

  • Unicode: Lowercase Roman Numeral Eleven is U+217A (decimal 8570).
  • HTML: use &#x217A; or &#8570; when you need an entity.
  • CSS: use \217A inside content for generated text.
  • Default: use ⅺ for roman outlines; type xi for ordinary letters.

One line: U+217A → &#x217A; / &#8570; / CSS \217A, or paste ⅺ.

Frequently Asked Questions

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

Did you know?

Lowercase roman numeral eleven is Unicode U+217A (decimal 8570). HTML5 has no named entity for it — use &#x217A; or &#8570;. It is a different character from the letters xi and from uppercase roman Ⅺ (U+216A).

Next: 11 Roman

Learn the HTML entity for uppercase roman numeral eleven (Ⅺ) — a different character from ⅺ.

11 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