HTML Entity for Succeeds Under Relation (⊱)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+22B1

HTML Entity for succeeds under relation (U+22B1) tutorial illustration

Definition

What Is Succeeds Under Relation?

Succeeds under relation (⊱) is the Unicode character at U+22B1 in Mathematical Operators. Official name: SUCCEEDS UNDER RELATION. It indicates that one element succeeds another under a given relation in order theory.

Remember

Character     ⊱
Unicode       U+22B1
Hex entity    &#x22B1;
Decimal       &#8881;
CSS escape    \22B1
Named entity  (none)
Not the same  ≻ · ⊰

Prefer ⊱ or ⊱ in HTML markup. You can also type ⊱ in UTF-8. There is no named entity.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Direct character	`⊱`	HTML text (UTF-8)
Hex entity	`⊱`	HTML markup (preferred)
Decimal entity	`⊱`	HTML markup
CSS escape	`\22B1`	Stylesheet `content`
Named entity	—	Not defined in HTML5
Precedes under relation (related)	`⊰` (⊰, U+22B0)	Reverse under-relation

When to Use Which

Situation	Use
Succeeds under a relation	`⊱` or `⊱`
Plain succeeds	≻ / `&sc;`
Precedes under relation	⊰ / `⊰`
Looking for a named form	Does not exist — use numeric form
Generated text via `::before` / `::after`	`content: "\22B1"`

See it

Live Preview

Succeeds under relation rendered next to related marks.

Example a ⊱ b

Large glyph ⊱

Compared ⊱ ⊰ ≻

With entities Hex: ⊱ | Decimal: ⊱

Code

Complete HTML Example

One page that shows Succeeds Under Relation 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 short relation example.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Succeeds Under Relation (⊱) in HTML</title>
  <style>
    #point::after {
      content: "\22B1";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x22B1;</p>
  <p>Using HTML Code: &#8881;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ⊱</p>
  <p>Example: a ⊱ b</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+22B1 → ⊱ in HTML. The browser turns it into ⊱.

2. Decimal: same code point as 8881 → ⊱. Same result as hex.

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

4. Typed / example: paste ⊱ in UTF-8, or write a ⊱ b for a short order-relation example.

Pitfalls & Tips

Common mistakes when working with Succeeds Under Relation.

Named?

No named entity

HTML5 does not define a named entity for U+22B1. Use ⊱ or ⊱.

≻

Not plain succeeds

&sc; is succeeds (U+227B). Prefer U+22B1 when the “under relation” form is required.

⊰

Not precedes under relation

Precedes under relation is U+22B0 (⊰). Succeeds under relation is U+22B1.

Fonts

Math font coverage

Some UI fonts omit Mathematical Operators. Prefer a math-capable font for display.

CSS vs HTML

Do not mix escapes

\22B1 belongs in CSS strings. ⊱ / ⊱ belong in HTML.

Semicolon

End numeric references

Always finish with ; — write ⊱, not &#8881.

Compatibility

Browser Support

Succeeds under relation (U+22B1) and its entity forms (⊱, ⊱, CSS \\22B1) are supported in all mainstream browsers. Visible glyphs depend on math font coverage.

✓ Universal support

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

Bottom line: Prefer ⊱ or ⊱ in HTML. Use \\22B1 only inside CSS content. There is no named entity.

Remember

Key Takeaways

Unicode: this mark is U+22B1 (decimal 8881) — glyph ⊱.
HTML: use ⊱ or ⊱ — no named entity; typing ⊱ also works.
CSS: use \22B1 inside content for generated text.
Meaning: ⊱ = succeeds under relation — not ≻, not ⊰.

One line: U+22B1 → ⊱ / ⊱ / CSS \22B1.

Frequently Asked Questions

How do I display ⊱ in HTML?

Use ⊱ (hex), ⊱ (decimal), type ⊱ directly in UTF-8, or the CSS escape \22B1 in content. There is no named HTML entity for U+22B1.

What is the Unicode value for this mark?

U+22B1 (SUCCEEDS UNDER RELATION). Hex 22B1, decimal 8881. It belongs to Mathematical Operators (U+2200–U+22FF).

Is there a named HTML entity for U+22B1?

No. HTML5 does not define a named entity for this character. Use numeric forms ⊱ or ⊱.

When should I use U+22B1?

Use it in order theory when one element succeeds another under a stated relation. Prefer &sc; for plain succeeds (U+227B) and U+22B0 for precedes under relation.

What is the difference between HTML code and CSS entity for U+22B1?

HTML entities (⊱ or ⊱) go in markup. The CSS escape \22B1 goes in stylesheet strings (usually content on ::before/::after).

Is ⊱ the same as ≻ or ⊰?

No. ⊱ is succeeds under relation (U+22B1). ≻ is succeeds (U+227B). ⊰ is precedes under relation (U+22B0).

Did you know?

Succeeds under relation (⊱) is Unicode U+22B1 (decimal 8881) — SUCCEEDS UNDER RELATION in Mathematical Operators. HTML5 has no named entity — use ⊱ or ⊱. It indicates that one element succeeds another under a given relation. The reverse is precedes under relation (U+22B0). Plain succeeds is U+227B (&sc;).

Next: Sun

Learn the HTML entity for sun (☉).

Continue tutorial →

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

HTML Entity | Succeeds Or Equivalent To HTML Entity | Sun