HTML Entity for Small Roman Numeral Fifty (ⅼ)
What You'll Learn
How to display the small Roman numeral fifty (ⅼ) in HTML using hex, decimal, and CSS entity methods. This character is part of the Number Forms Unicode block and encodes a single glyph for the value fifty in lowercase Roman style.
ⅼ has no named HTML entity, so you’ll use numeric references (ⅼ or ⅼ) or a CSS escape (\217C in content). Visually, ⅼ can resemble the Latin letter “l”; use the correct code point when you mean the numeral, not the letter.
⚡ Quick Reference — ⅼ Entity
U+217CNumber Forms block
ⅼHexadecimal reference
ⅼDecimal reference
\217CUse in CSS content
Name Value
──────────── ──────────
Unicode U+217C
Hex code ⅼ
HTML code ⅼ
Named entity (none)
CSS code \217CComplete HTML Example
This example demonstrates the small Roman numeral fifty (ⅼ) using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\217C";
}
</style>
</head>
<body>
<p>Small Roman Numeral Fifty using Hexa Decimal: ⅼ</p>
<p>Small Roman Numeral Fifty using HTML Code: ⅼ</p>
<p id="point">Small Roman Numeral Fifty using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The character ⅼ (U+217C) 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:
l (U+006C) is not the same code point as ⅼ (U+217C).🧠 How It Works
Hexadecimal Code
ⅼ references Unicode 217C in hexadecimal to produce the glyph ⅼ in HTML.
Decimal HTML Code
ⅼ uses the decimal code point value 8572 to render the same character.
CSS Entity (Escape)
\217C 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+217C (Number Forms). There is no named HTML entity for this character.
Use Cases
The small Roman numeral fifty (ⅼ) commonly appears in these scenarios:
Lowercase Roman levels in multi-level outlines and documentation.
Numbered lists where style calls for lowercase Roman numerals.
Pleadings, briefs, and papers that follow roman-numbering conventions.
Table of contents entries and figure labels using lowercase romans.
Design systems that pair uppercase and lowercase Roman numeral glyphs.
CMS or script output that emits numeric references for consistent glyphs.
💡 Best Practices
Do
- Use
ⅼorⅼwhen you specifically need the Number Forms glyph - Verify font coverage for Number Forms (or provide fallbacks)
- Distinguish ⅼ from the letter
lin specs, copy, and code review - Use CSS
contentwhen generating list markers without extra markup - Prefer
<ol type="i">when browser-generated lowercase Roman suffices
Don’t
- Confuse ⅼ with ASCII
lor with the digit1in sans-serif fonts - Assume every custom webfont includes ⅼ
- Mix hex and decimal references randomly on the same page
- Use the CSS escape in HTML text (it belongs in CSS)
- Expect a named entity (there isn’t one for ⅼ)
Key Takeaways
Use numeric references in HTML
ⅼ ⅼFor CSS, use the escape in the content property
\217CUnicode U+217C is small Roman fifty (ⅼ)
There is no named HTML entity for ⅼ
Do not confuse ⅼ with the Latin letter l
❓ Frequently Asked Questions
ⅼ (hex) or ⅼ (decimal) in HTML. In CSS, use \217C in the content property. All render ⅼ.U+217C (hex 217C, decimal 8572). It’s part of the Number Forms Unicode block.ⅼ or ⅼ) are used directly in markup. The CSS escape \217C 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