HTML Entity for Roman Numeral One (Ⅰ)

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

What Is the Roman Numeral One Entity?

Roman Numeral One (Ⅰ) is the Unicode character at U+2160 in the Number Forms block. It looks like an uppercase roman I and is used for chapter labels, outlines, and formal numbering.

Remember
Character     Ⅰ
Unicode       U+2160
Hex entity    Ⅰ
Decimal       Ⅰ
CSS escape    \2160
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 letter I 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\2160Stylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the roman numeral glyph ⅠType Ⅰ, or Ⅰ / Ⅰ
Generated text via ::before / ::aftercontent: "\2160"
Lowercase roman numeral oneUse ⅰ (U+2170)
Ordinary letter I (not a numeral)Type I (U+0049)
Looking for &RomanI; or similarDoes not exist — use numeric form

Live Preview

Roman Numeral One rendered in common writing contexts.

Inline text Chapter Ⅰ — Introduction
Large glyph Ⅰ
Outline Ⅰ Start   Ⅱ Continue   Ⅲ Finish
Monospace section Ⅰ → overview
With entities Hex: Ⅰ | Decimal: Ⅰ

Complete HTML Example

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

How It Works

1. Hex: U+2160 → &#x2160; in HTML. The browser turns it into Ⅰ.

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

3. CSS: use \2160 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 Roman Numeral One entities.

Named?

No named entity

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

CSS vs HTML

Do not mix escapes

\2160 belongs in CSS. &#x2160; / &#8544; belong in HTML.

Ⅰ vs I vs ⅰ

Different characters

Ⅰ is U+2160; letter I is U+0049; lowercase ⅰ is U+2170.

Fonts

Check the glyph

Number Forms support varies by font. If Ⅰ is missing, fall back to the letter I or another font.

Semicolon

End references

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

Lists

CSS list-style

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

Browser Support

Roman Numeral One (U+2160) and its numeric entity forms (&#x2160;, &#8544;, CSS \\2160) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Roman Numeral 1 (Ⅰ)

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

Bottom line: Use &#x2160; or &#8544; for the Unicode glyph, and \\2160 only inside CSS content. Prefer the letter I for ordinary text.

Key Takeaways

  • Unicode: Roman Numeral One is U+2160 (decimal 8544).
  • HTML: use &#x2160; or &#8544; when you need an entity.
  • CSS: use \2160 inside content for generated text.
  • Default: use Ⅰ for roman chapters; type I for ordinary letters.

One line: U+2160 → &#x2160; / &#8544; / CSS \2160, or paste Ⅰ.

Frequently Asked Questions

Use &#x2160; (hex), &#8544; (decimal), or the CSS escape \2160 in the content property. All render Ⅰ. You can also paste Ⅰ directly when your file is UTF-8.
U+2160 (hex 2160, decimal 8544). It belongs to the Number Forms Unicode block.
No. HTML5 does not define a named entity for Ⅰ. Use numeric references like &#x2160; or &#8544;.
Use it for chapter labels, outlines, and typography that needs a true uppercase roman numeral glyph. For ordinary text, the letter I is usually enough.
No. The Latin letter I is U+0049. Lowercase roman numeral one is U+2170 (ⅰ). Uppercase roman numeral one is U+2160 (Ⅰ) — a different character.
HTML entities (&#8544; or &#x2160;) go in markup. The CSS escape \2160 is used in stylesheets (usually in the content property of ::before/::after). Both render Ⅰ.

Did you know?

Uppercase roman numeral one is Unicode U+2160 (decimal 8544). HTML5 has no named entity for it — use &#x2160; or &#8544;. It is a different character from the letter I (U+0049) and from lowercase roman ⅰ (U+2170).

Next: 1 Subscript

Learn the HTML entity for subscript one (₁) — a different Unicode character from Ⅰ.

1 Subscript 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