HTML Entity for Succeeds (≻)
What You'll Learn
How to display the Succeeds symbol (≻) in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+227B (SUCCEEDS) in the Mathematical Operators block (U+2200–U+22FF)—used for order relations in mathematics and order theory.
Render it with ≻, ≻, the named entity ≻, or CSS escape \227B. For example, a ≻ b means a succeeds b in a partial order. Do not confuse ≻ with ≺ (precedes, ≺) or > (greater-than).
⚡ Quick Reference — Succeeds
U+227BMathematical Operators
≻Hexadecimal reference
≻Decimal reference
≻Most readable option
Name Value
──────────── ──────────
Unicode U+227B
Hex code ≻
HTML code ≻
Named entity ≻
CSS code \227B
Block Mathematical Operators (U+2200–U+22FF)
Related U+227A = Precedes (≺)Complete HTML Example
This example demonstrates the Succeeds symbol (≻) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\227B";
}
</style>
</head>
<body>
<p>Succeeds using Hexadecimal: ≻</p>
<p>Succeeds using HTML Code: ≻</p>
<p>Succeeds using Named Entity: ≻</p>
<p id="point">Succeeds using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Succeeds entity is universally supported in all modern browsers:
👀 Live Preview
See the Succeeds symbol (≻) rendered in different contexts:
🧠 How It Works
Hexadecimal Code
≻ uses the Unicode hexadecimal value 227B to display the Succeeds symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
≻ uses the decimal Unicode value 8827 to display the same character. This is one of the most commonly used methods.
Named Entity
≻ is the semantic named entity — the easiest to read in source HTML and the most self-descriptive option.
CSS Entity
\227B is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce the glyph: ≻. Unicode U+227B in the Mathematical Operators block (U+2200–U+22FF).
Use Cases
The Succeeds symbol (≻) commonly appears in:
Equations with order relations and precedence.
Partial orders, lattices, and preference relations.
Research papers, proofs, and scholarly articles.
Technical documentation and math web applications.
Online courses and tutorials on order theory.
Calculator interfaces and computational tool UIs.
Conference proceedings and mathematical journals.
💡 Best Practices
Do
- Use
≻for readable source markup - Pick one style (hex / decimal / named) per project
- 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) with ≺ (precedes) or > (greater-than)
- Mix entity styles randomly in one file
- Use CSS escape
\227Binside HTML text nodes - Use HTML entities in JS (use
\u227Binstead) - Assume all fonts render ≻ clearly at small sizes
Key Takeaways
Three HTML references all render ≻
≻ ≻ ≻For CSS stylesheets, use the escape in the content property
\227BUnicode U+227B — SUCCEEDS
Prefer ≻ for readability—it’s the most self-descriptive named entity
Dual symbol: ≺ (precedes) with named entity ≺
❓ Frequently Asked Questions
≻ (hex), ≻ (decimal), ≻ (named), or \227B in CSS content. All produce ≻.U+227B (SUCCEEDS). Mathematical Operators block (U+2200–U+22FF). Hex 227B, decimal 8827.≻, ≻, or ≻) go directly in markup. The CSS escape \227B 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