HTML Entity for Open Centre Cross (✛)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+271B

What Is Open Centre Cross?

Open centre cross (✛) is the Unicode character at U+271B in the Dingbats block. Official name: OPEN CENTRE CROSS. It is a symmetric decorative cross with an open centre — not the Latin cross.

Remember
Character     ✛
Unicode       U+271B
Hex entity    ✛
Decimal       ✛
CSS escape    \271B
Named entity  (none)
Not the same  ✜ · ✝ · ✖

Prefer ✛ or a typed ✛ for decorative crosses and bullets. Use Latin cross (U+271D) when that specific religious/typographic shape is required.

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\271BStylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Decorative open-centre cross✛ or typed ✛
Heavier open-centre variant✜ (U+271C)
Latin cross✝ (U+271D)
Heavy multiplication X✖
Custom bullet via CSScontent: "\271B"

Live Preview

Open centre cross rendered in decorative contexts.

Large glyph ✛
Labels ✛ Featured  |  ✛ Note
Accent ✛ Highlight
Compared ✛   ✜   ✝   ✖
With entities Hex: ✛ | Decimal: ✛

Complete HTML Example

One page that shows Open Centre Cross with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ✛, plus a label example.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Open Centre Cross (✛) in HTML</title>
  <style>
    #point::after {
      content: "\271B";
    }
  </style>
</head>
<body>
  <p>Symbol using Hex Code: &#x271B;</p>
  <p>Symbol using HTML Code: &#10011;</p>
  <p id="point">Symbol using CSS Entity: </p>
  <p>Typed directly: ✛</p>
  <p>Example: &#x271B; Featured section</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+271B → &#x271B; in HTML. The browser turns it into ✛.

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

3. CSS: use \271B in content (not an HTML entity). #point::after appends that ✛ after the paragraph text.

4. Typed / example: paste ✛ in UTF-8, or write &#x271B; Featured section for a decorative label.

Pitfalls & Tips

Common mistakes when working with Open Centre Cross.

Named?

No named entity

HTML5 does not define a named entity for U+271B. Use numeric forms.

✝

Not Latin cross

✝ (U+271D) is LATIN CROSS — a different shape. Do not substitute ✛ for religious Latin-cross meaning.

✜

Not the heavy variant

✜ (U+271C) is HEAVY OPEN CENTRE CROSS — thicker strokes, different code point.

A11y

Pair with text

Do not rely on the glyph alone for meaning. Add visible labels so assistive tech and all users get clear context.

CSS vs HTML

Do not mix escapes

\271B belongs in CSS strings. &#x271B; / &#10011; belong in HTML.

Semicolon

End references

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

Browser Support

Open centre cross (U+271B) and its numeric entity forms (&#x271B;, &#10011;, CSS \\271B) are supported in all mainstream browsers. Glyph availability depends on the font.

✓ Universal support

Open Centre Cross (✛)

Encode with hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

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

Bottom line: Prefer a typed ✛ or &#x271B; in HTML. Use &#10011; when decimal form is required, and \\271B only inside CSS content.

Key Takeaways

  • Unicode: open centre cross is U+271B (decimal 10011) — glyph ✛.
  • HTML: use &#x271B; or &#10011; when you need an entity.
  • CSS: use \271B inside content for generated bullets.
  • Meaning: decorative Dingbat cross — not Latin ✝ or multiply ✖.

One line: U+271B → type ✛, or encode as &#x271B; / &#10011; / CSS \271B.

Frequently Asked Questions

Use &#x271B; (hex), &#10011; (decimal), or the CSS escape \271B in content. There is no named HTML entity. In UTF-8 you can also type ✛ directly.
U+271B (OPEN CENTRE CROSS). Hex 271B, decimal 10011. It belongs to the Dingbats block (U+2700–U+27BF).
No. Use numeric references like &#10011; or &#x271B; when you need an entity form.
Use it for decorative crosses, custom bullets, and design accents. Prefer Latin cross (U+271D) when you need that religious/typographic shape, and heavy open centre cross (U+271C) for the heavier variant.
HTML entities (&#10011; or &#x271B;) go in markup. The CSS escape \271B goes in stylesheet strings (usually content on ::before/::after).
No. ✛ is U+271B (open centre cross). ✝ is U+271D (Latin cross). ✖ is U+2716 (heavy multiplication X).

Did you know?

Open centre cross is Unicode U+271B (decimal 10011) — glyph ✛ in the Dingbats block. HTML5 has no named entity — use &#x271B; or &#10011;. Distinct from Latin cross ✝ (U+271D) and heavy open centre cross ✜ (U+271C).

Next: Open Centre Teardrop Spoked Asterisk

Learn the HTML entity for open centre teardrop spoked asterisk (U+273C).

Open Centre Teardrop Spoked Asterisk 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