HTML Entity for Succeeds Under Relation (⊱)
What You'll Learn
How to display the Succeeds Under Relation symbol (⊱) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+22B1 (SUCCEEDS UNDER RELATION) in the Mathematical Operators block (U+2200–U+22FF)—used when one element succeeds another under a given relation in order theory.
Render it with ⊱, ⊱, or CSS escape \22B1. There is no named HTML entity. Do not confuse ⊱ with ≻ (succeeds, ≻) or ⊰ (precedes under relation, ⊰).
⚡ Quick Reference — Succeeds Under Relation
U+22B1Mathematical Operators
⊱Hexadecimal reference
⊱Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+22B1
Hex code ⊱
HTML code ⊱
Named entity (none)
CSS code \22B1
Block Mathematical Operators (U+2200–U+22FF)
Related U+22B0 = Precedes Under Relation (⊰)Complete HTML Example
This example demonstrates the Succeeds Under Relation symbol (⊱) using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\22B1";
}
</style>
</head>
<body>
<p>Using Hexadecimal: ⊱</p>
<p>Using HTML Code: ⊱</p>
<p id="point">Using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Succeeds Under Relation entity is universally supported in all modern browsers:
👀 Live Preview
See the Succeeds Under Relation symbol (⊱) rendered in different contexts:
🧠 How It Works
Hexadecimal Code
⊱ uses the Unicode hexadecimal value 22B1 to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
⊱ uses the decimal Unicode value 8881 to display the same character. This is one of the most commonly used methods.
CSS Entity
\22B1 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ⊱. Unicode U+22B1 in the Mathematical Operators block (U+2200–U+22FF). No named entity.
Use Cases
The Succeeds Under Relation symbol (⊱) commonly appears in:
Equations and formulas with order relations.
Ordering relationships between elements under a relation.
Research papers, proofs, and scholarly articles.
Technical documentation and math web applications.
Online courses and tutorials on order theory and logic.
Calculator interfaces and computational tool UIs.
Conference proceedings and mathematical journals.
💡 Best Practices
Do
- Use
⊱or⊱for relation notation - Pick one style (hex or decimal) per project for consistency
- Add
aria-labelfor standalone symbols in math content - Test the glyph across browsers and fonts
- Pair ⊱ with plain text on first use
Don’t
- Confuse ⊱ (succeeds under relation) with ≻ (succeeds) or ⊰ (precedes under)
- Put CSS escape
\22B1directly in HTML text nodes - Expect a named HTML entity for U+22B1—use numeric references
- Use HTML entities in JS (use
\u22B1instead) - Assume all fonts render ⊱ clearly at small sizes
Key Takeaways
Two HTML references both render ⊱
⊱ ⊱For CSS stylesheets, use the escape in the content property
\22B1Unicode U+22B1 — SUCCEEDS UNDER RELATION
No named entity—use numeric references or CSS escape
Dual symbol: ⊰ (precedes under relation)
❓ Frequently Asked Questions
⊱ (hex), ⊱ (decimal), or \22B1 in CSS content. There is no named HTML entity. All three produce ⊱.U+22B1 (SUCCEEDS UNDER RELATION). Mathematical Operators block (U+2200–U+22FF). Hex 22B1, decimal 8881.⊱ or ⊱) go directly in markup. The CSS escape \22B1 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — order theory, math operators, and more.
About the author
8 people found this page helpful