HTML Entity for Lowercase Roman Numeral Eight (ⅷ)

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

What Is the Lowercase Roman Numeral Eight Entity?

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

Remember
Character     ⅷ
Unicode       U+2177
Hex entity    ⅷ
Decimal       ⅷ
CSS escape    \2177
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 viii 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\2177Stylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the roman numeral glyph ⅷType ⅷ, or ⅷ / ⅷ
Generated text via ::before / ::aftercontent: "\2177"
Uppercase roman numeral eightUse Ⅷ (U+2167)
Ordinary letters viii (not a numeral)Type viii
Looking for &romanviii; or similarDoes not exist — use numeric form

Live Preview

Lowercase Roman Numeral Eight rendered in common writing contexts.

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

Complete HTML Example

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

How It Works

1. Hex: U+2177 → &#x2177; in HTML. The browser turns it into ⅷ.

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

3. CSS: use \2177 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 Eight entities.

Named?

No named entity

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

CSS vs HTML

Do not mix escapes

\2177 belongs in CSS. &#x2177; / &#8567; belong in HTML.

ⅷ vs viii vs Ⅷ

Different characters

ⅷ is U+2177; letters viii are Basic Latin; uppercase Ⅷ is U+2167.

Fonts

Check the glyph

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

Semicolon

End references

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

Lists

CSS list-style

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

Browser Support

Lowercase Roman Numeral Eight (U+2177) and its numeric entity forms (&#x2177;, &#8567;, CSS \\2177) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Lowercase Roman 8 (ⅷ)

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

Bottom line: Use &#x2177; or &#8567; for the Unicode glyph, and \\2177 only inside CSS content. Prefer the letters viii for ordinary text.

Key Takeaways

  • Unicode: Lowercase Roman Numeral Eight is U+2177 (decimal 8567).
  • HTML: use &#x2177; or &#8567; when you need an entity.
  • CSS: use \2177 inside content for generated text.
  • Default: use ⅷ for roman outlines; type viii for ordinary letters.

One line: U+2177 → &#x2177; / &#8567; / CSS \2177, or paste ⅷ.

Frequently Asked Questions

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

Did you know?

Lowercase roman numeral eight is Unicode U+2177 (decimal 8567). HTML5 has no named entity for it — use &#x2177; or &#8567;. It is a different character from the letters viii and from uppercase roman Ⅷ (U+2167).

Next: 8 Roman

Learn the HTML entity for uppercase roman numeral eight (Ⅷ) — a different character from ⅷ.

8 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