HTML Entity for Dingbat Negative Circled Sans-Serif Digit Two (➋)
What You'll Learn
How to display dingbat negative circled sans-serif digit two (➋) in HTML using hex, decimal, and CSS entity methods. This character is commonly used for step markers, checklists, and UI badges because it has a filled circle and reads well in modern interfaces.
➋ has no named HTML entity, so you’ll use numeric references (➋ or ➋) or a CSS escape (\278B in content).
⚡ Quick Reference — ➋ Entity
U+278BDingbats block
➋Hexadecimal reference
➋Decimal reference
\278BUse in CSS content
Name Value
──────────── ──────────
Unicode U+278B
Hex code ➋
HTML code ➋
Named entity (none)
CSS code \278BComplete HTML Example
This example demonstrates ➋ using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\278B";
}
</style>
</head>
<body>
<p>Negative Circled Sans-Serif Digit Two using Hexa Decimal: ➋</p>
<p>Negative Circled Sans-Serif Digit Two using HTML Code: ➋</p>
<p id="point">Negative Circled Sans-Serif Digit Two using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The character ➋ (U+278B) is supported in all modern browsers. Rendering depends on font support for the Dingbats block, so include a sensible fallback font stack:
👀 Live Preview
See ➋ rendered in a few practical contexts:
🧠 How It Works
Hexadecimal Code
➋ references Unicode 278B in hexadecimal to produce the glyph ➋ in HTML.
Decimal HTML Code
➋ uses the decimal code point value 10123 to render the same character.
CSS Entity (Escape)
\278B 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+278B (Dingbats). There is no named HTML entity for this character.
Use Cases
The negative circled sans-serif digit two (➋) is commonly used in the following scenarios:
Highlight steps in guides and onboarding flows with a bold marker (➊ ➋ ➋).
Use in checklist-style content where high contrast improves scanning.
Counts, highlights, or featured items without images.
Annotate diagrams, screenshots, or documentation with numbered callouts.
Label options like “Choice ➋” for a compact, distinct design.
Use as a bold numeric accent in headings and UI labels.
💡 Best Practices
Do
- Provide context like “Step 3” near the symbol when it conveys meaning
- Verify fonts support Dingbats on your target devices
- Use a consistent set (negative circled sans-serif digits) across the page
- Prefer numeric references (
➋/➋) for portability - Use CSS
::before/::afterwhen the symbol is decorative
Don’t
- Replace semantic numbering for real lists (use
<ol>where appropriate) - Mix entity styles randomly within the same UI
- Assume all fonts render Dingbats identically
- Use the CSS escape inside HTML content
- Rely on ➋ alone where clarity matters
Key Takeaways
Use numeric references in HTML
➋ ➋For CSS, use the escape in the content property
\278BUnicode U+278B belongs to the Dingbats block
Great for step markers and UI badges because of the filled circle
There is no named HTML entity for ➋
❓ Frequently Asked Questions
➋ (hex) or ➋ (decimal) in HTML. In CSS, use \278B in the content property. All render ➋.U+278B (hex 278B, decimal 10123). It’s part of the Dingbats Unicode block.➋ or ➋) are used directly in markup. The CSS escape \278B 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