HTML Entity for Open Centre Cross (✛)
What You'll Learn
How to display the Open Centre Cross (✛) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+271B (OPEN CENTRE CROSS) in the Dingbats block (U+2700–U+27BF)—a cross with an open centre, ideal for decorative elements, custom bullet points, design accents, and symbolic or typographic use where a distinct cross motif is needed.
Render it with ✛, ✛, or CSS escape \271B. There is no named HTML entity. Do not confuse ✛ with U+271C (✜, heavy open centre cross), U+271D (✝, Latin cross), or U+2716 (✖, heavy multiplication X); each Dingbats cross has a different shape and meaning.
⚡ Quick Reference — Open Centre Cross
U+271BDingbats block
✛Hexadecimal reference
✛Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+271B
Hex code ✛
HTML code ✛
Named entity (none)
CSS code \271B
Meaning Open centre cross (Dingbats)
Related U+271C = heavy open centre cross (✜)
U+271D = Latin cross (✝)
U+2716 = heavy multiplication X (✖)
Block Dingbats (U+2700–U+27BF)Complete HTML Example
A simple example showing ✛ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\271B";
}
</style>
</head>
<body>
<p>Open centre cross (hex): ✛</p>
<p>Open centre cross (decimal): ✛</p>
<p id="point">Open centre cross (CSS): </p>
</body>
</html>🌐 Browser Support
The Open Centre Cross (✛) is widely supported in all modern browsers:
👀 Live Preview
See the Open Centre Cross (✛) in decorative and design contexts:
🧠 How It Works
Hexadecimal Code
✛ uses the Unicode hexadecimal value 271B to display the open centre cross.
Decimal HTML Code
✛ uses the decimal Unicode value 10011 for the same character.
CSS Entity
\271B is used in CSS stylesheets in the content property of pseudo-elements like ::before and ::after for custom bullets.
Decorative cross result
All three methods render ✛. Unicode U+271B in the Dingbats block. Next: Open Centre Teardrop Spoked Asterisk (✼).
Use Cases
The Open Centre Cross (✛) is commonly used in:
Distinct list markers and bullet points beyond default disc or circle styles.
Decorative symbols in headers, badges, cards, and typography layouts.
Ceremonial or symbolic layouts where an open-centre cross fits the design.
Reference markers and inline notes where a styled cross motif is preferred.
Icon-like symbols in navigation, tags, and status indicators without image assets.
Character pickers, entity documentation, and Dingbats symbol guides.
Pair decorative ✛ with visible text; do not rely on the symbol alone for meaning.
💡 Best Practices
Do
- Use
✛or✛for inline decorative crosses - Use CSS
\271Bin::beforefor custom list bullets - Set
<meta charset="utf-8">for reliable rendering - Pick one numeric style per project for consistency
- Provide text context alongside decorative cross symbols
Don’t
- Confuse ✛ with heavy cross ✜, Latin cross ✝, or multiply ✖
- Use padded Unicode notation like U+0271B—the correct value is
U+271B - Use CSS escape
\271Bin HTML text nodes - Use ✛ as a religious Latin cross substitute without context
- Assume every font renders Dingbats identically—test your typeface
Key Takeaways
Two HTML numeric references plus CSS for U+271B
✛ ✛For CSS stylesheets, use \271B in the content property
Unicode U+271B — OPEN CENTRE CROSS in Dingbats
Distinct from heavy ✜, Latin ✝, and multiply ✖
Previous: Open Centre Black Star (✫) Next: Open Centre Teardrop Spoked Asterisk (✼)
❓ Frequently Asked Questions
✛ (hex), ✛ (decimal), or \271B in CSS content. There is no named entity. All three render ✛.U+271B (OPEN CENTRE CROSS). Dingbats block (U+2700–U+27BF). Hex 271B, decimal 10011.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, symbols, and more.
About the author
8 people found this page helpful