HTML Entity for Precedes Under Relation (⊰)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+22B0

What Is Precedes Under Relation?

Precedes under relation (⊰) is the Mathematical Operators character at Unicode U+22B0 (PRECEDES UNDER RELATION). It means one element precedes another under a given relation — a specialized operator, not the same as plain precedes ≺.

Remember
Character     ⊰
Unicode       U+22B0
Hex entity    ⊰
Decimal       ⊰
CSS escape    \22B0
Named entity  (none)
Not the same  ≺ · ⊱

Prefer typing ⊰ in UTF-8 HTML when your editor supports it; use ⊰ or ⊰ when you need an explicit entity.

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

When to Use Which

SituationUse
Precedes under a given relation⊰ or typed ⊰
Strict precedes only≺ (≺)
Succeeds under relation⊱ (U+22B1)
Generated / numeric-only markup⊰ or ⊰
Generated text via ::before / ::aftercontent: "\22B0"

Live Preview

Precedes under relation rendered in common math contexts.

Inline math S ⊰ T
Large glyph ⊰
Meaning S ⊰ T (precedes under relation)
Compared ⊰  |  ≺  |  ⊱
With entities Hex: ⊰ | Decimal: ⊰

Complete HTML Example

One page that shows this operator 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 ⊰ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Precedes Under Relation (⊰) in HTML</title>
  <style>
    #point::after {
      content: "\22B0";
    }
  </style>
</head>
<body>
  <p>Relation using Hex Code: S &#x22B0; T</p>
  <p>Relation using HTML Code: S &#8880; T</p>
  <p id="point">Relation using CSS Entity: S </p>
  <p>Typed directly: S ⊰ T</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+22B0 → &#x22B0; in HTML → ⊰.

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

3. CSS: use \22B0 in content (not an HTML entity). #point::after appends that ⊰ after the paragraph text.

4. Typed: in a UTF-8 page you can paste ⊰ directly. There is no named &…; form.

Pitfalls & Tips

Common mistakes when working with this operator.

Named?

No named entity

HTML5 has no &…; name for U+22B0. Use &#x22B0; or &#8880;.

≺

Not plain precedes

≺ (&pr;) is strict precedes. ⊰ means precedes under a relation.

⊱

Not succeeds under relation

⊱ is U+22B1 — the opposite direction under a relation.

CSS vs HTML

Do not mix escapes

\22B0 belongs in CSS strings. &#x22B0; / &#8880; belong in HTML.

Fonts

Math Operators support

Use fonts that include U+22B0 (e.g. Cambria Math, Noto Sans Math) so the glyph is not missing.

Semicolon

End references

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

Browser Support

Precedes under relation (U+22B0) and its numeric entity forms (&#x22B0;, &#8880;, CSS \\22B0) are supported in all mainstream browsers when the font includes Mathematical Operators.

✓ Universal support

Precedes Under Relation (⊰)

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+22B0 / entities Full support

Bottom line: Use &#x22B0; or &#8880; in HTML for this operator, and \\22B0 only inside CSS content. Prefer &pr; when you only need strict precedes.

Key Takeaways

  • Unicode: this symbol is U+22B0 (decimal 8880) — glyph ⊰.
  • HTML: type ⊰, or use &#x22B0; / &#8880; (no named entity).
  • CSS: use \22B0 inside content for generated text.
  • Use case: precedes under a relation — not ≺ and not ⊱.

One line: U+22B0 → &#x22B0; / &#8880; / CSS \22B0 / type ⊰.

Frequently Asked Questions

Use &#x22B0; (hex), &#8880; (decimal), type ⊰ directly in UTF-8, or the CSS escape \22B0 in content. There is no named HTML entity for U+22B0.
U+22B0 (PRECEDES UNDER RELATION). Hex 22B0, decimal 8880. It belongs to the Mathematical Operators block.
No. Use numeric references like &#8880; or &#x22B0;, or type the character ⊰ in a UTF-8 document.
≺ (U+227A, &pr;) is strict precedes. ⊰ (U+22B0) is precedes under relation — a specialized operator for precedence relative to an underlying relation.
HTML entities (&#8880; or &#x22B0;) go in markup. The CSS escape \22B0 goes in stylesheet strings (usually content on ::before/::after).
No. ⊱ is U+22B1 (SUCCEEDS UNDER RELATION) — the opposite direction under a relation.

Did you know?

Precedes under relation is Unicode U+22B0 (decimal 8880) — glyph ⊰. HTML5 has no named entity — use &#x22B0; or &#8880;. It marks precedence relative to an underlying relation. Distinct from strict precedes ≺ (&pr;, U+227A) and succeeds under relation ⊱ (U+22B1).

Next: Prescription Take

Learn the HTML entity for prescription take (U+211E).

Prescription Take 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