What’s the difference between HTML code and CSS entity for ✞?

HTML references (✞ or ✞) go in markup; the CSS escape \271E goes in stylesheets (e.g. content on ::before/::after). Both render ✞.

HTML Entity for Shadowed White Latin Cross (✞)

Q: How do I display the Shadowed White Latin Cross (✞) in HTML?

Use ✞ (hex), ✞ (decimal), or \271E in CSS content. There is no named HTML entity. All three methods render ✞.

Q: What is the Unicode value for the Shadowed White Latin Cross?

U+271E (SHADOWED WHITE LATIN CROSS) in the Dingbats block (U+2700–U+27BF). Hex 271E, decimal 10014.

Q: Is ✞ the same as the Latin Cross (✝)?

No. U+271E (✞) is the SHADOWED WHITE LATIN CROSS with a shadow effect. U+271D (✝) is the plain LATIN CROSS. They are different Dingbats characters.

Beginner

⏱️ 5 min read

📚 Updated: Jun 2026

🎯 1 Code Example

Unicode U+271E

HTML entity for Shadowed White Latin Cross (U+271E) — hex, decimal, and CSS tutorial

What You'll Learn

How to display the Shadowed White Latin Cross (✞) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+271E (SHADOWED WHITE LATIN CROSS) in the Dingbats block (U+2700–U+27BF)—a decorative Latin cross with a shadow effect, used in religious content, memorial pages, and symbolic design.

Render it with ✞, ✞, or CSS \271E. There is no named HTML entity. Do not confuse ✞ with Latin Cross U+271D (✝) or Orthodox Cross U+2626 (☦).

⚡ Quick Reference — Shadowed White Latin Cross

Unicode U+271E

Dingbats (U+2700–U+27BF)

Hex Code ✞

Hexadecimal reference

HTML Code ✞

Decimal reference

Named Entity —

Use numeric codes only

Reference Table

Name           Value
────────────   ──────────
Unicode        U+271E
Hex code       &#x271E;
HTML code      &#10014;
Named entity   (none)
CSS code       \271E
Official name  Shadowed white Latin cross
Related        U+271D = Latin cross (✝)
               U+2626 = Orthodox cross (☦)
Block          Dingbats (U+2700–U+27BF)

Complete HTML Example

A simple example showing ✞ using hexadecimal code, decimal HTML code, and a CSS content escape:

html

<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\271E";
  }
 </style>
</head>
<body>
<p>Shadowed Latin cross (hex): &#x271E;</p>
<p>Shadowed Latin cross (decimal): &#10014;</p>
<p id="point">Shadowed Latin cross (CSS): </p>
</body>
</html>

Try it Yourself

🌐 Browser Support

The Shadowed White Latin Cross (✞) is supported in modern browsers when fonts include Dingbats glyphs:

Chrome1+

Firefox1+

Safari1+

Edge12+

Opera4+

Android4.4+

iOS Safari1+

👀 Live Preview

See the Shadowed White Latin Cross in religious and memorial contexts:

Single symbol ✞

Memorial context ✞ In loving memory

Related crosses Latin ✝ Shadowed ✞ Orthodox ☦

CSS decorative Use content: "\271E" on ::before

Numeric refs ✞ ✞ \271E

🧠 How It Works

Hexadecimal Code

✞ uses Unicode hexadecimal 271E to display the shadowed Latin cross.

HTML markup

Decimal HTML Code

✞ uses decimal Unicode value 10014 for the same character.

HTML markup

CSS Entity

\271E is used in CSS stylesheets in the content property of pseudo-elements for decorative markers.

CSS stylesheet

Symbolic result

All three methods produce ✞. Unicode U+271E in Dingbats. No named entity. Next: Shadowed White Star.

✅

Use Cases

The Shadowed White Latin Cross (✞) commonly appears in:

⛪ Religious content

Church websites, faith-based pages, and Christian community sites.

🕊 Memorial pages

Obituaries, tribute pages, and remembrance content.

🎨 Decorative design

Ornamental layouts, headers, and symbolic embellishments.

📖 Symbol guides

Unicode and HTML entity reference documentation.

🛠 CSS markers

Custom bullets or dividers via ::before content.

🌐 Cultural content

Historical, heraldic, and educational symbolism pages.

💡 Best Practices

Do

Use ✞ or ✞ in HTML markup
Distinguish ✞ from plain Latin cross ✝
Add meaningful text for accessibility on memorial pages
Use the symbol respectfully in religious contexts
Test rendering across browsers and fonts

Don’t

Use padded Unicode notation like U+0271E—the correct value is U+271E
Confuse ✞ with ✝ (Latin cross) or ☦ (Orthodox cross)
Expect a named HTML entity for U+271E
Put CSS escape \271E in HTML text nodes
Rely on the symbol alone without context for screen readers

Key Takeaways

Three ways to render U+271E in HTML and CSS

✞ ✞

For CSS stylesheets, use \271E in the content property

Unicode U+271E — SHADOWED WHITE LATIN CROSS

Not the same as Latin cross ✝ (U+271D)

Previous: Shadowed White Circle (❍) Next: Shadowed White Star

❓ Frequently Asked Questions

How do I display the Shadowed White Latin Cross (✞) in HTML?

Use ✞ (hex), ✞ (decimal), or \271E in CSS content. There is no named HTML entity. All three render ✞.

What is the Unicode value for the Shadowed White Latin Cross?

U+271E (SHADOWED WHITE LATIN CROSS). Dingbats (U+2700–U+27BF). Hex 271E, decimal 10014.

Is ✞ the same as the Latin Cross (✝)?

No. ✞ (U+271E) is the shadowed white Latin cross. ✝ (U+271D) is the plain Latin cross. They are different Dingbats characters with different glyphs.

When should I use the Shadowed White Latin Cross in HTML?

For religious content, memorial and tribute pages, church websites, decorative symbolism, and any design needing a Latin cross with a shadow effect.

Why is there no named HTML entity for the Shadowed White Latin Cross?

Dingbats characters like U+271E use numeric hex or decimal codes in HTML. Named entities cover common characters only; decorative symbols typically use numeric references.

Explore More HTML Entities!

Discover 1500+ HTML character references — Dingbats, symbols, and more.

All HTML Entities →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Shadowed White Circle Shadowed White Star