HTML Entity for Precedes But Not Equivalent To (⋨)
What You'll Learn
How to display the precedes but not equivalent to symbol (⋨) in HTML using various entity methods. This operator expresses that one element precedes another but is not equivalent to it—used in order theory, lattice theory, and advanced mathematical notation.
This character is part of the Mathematical Operators Unicode block and can be rendered with a hexadecimal reference, a decimal reference, the named entity ⋨, or a CSS escape in the content property. Do not confuse ⋨ with U+227A (≺, strict precedes) or U+227C (≼, precedes or equal to).
⚡ Quick Reference — Precedes But Not Equivalent To
U+22E8Mathematical Operators block
⋨Hexadecimal reference
⋨Decimal reference
⋨Most readable option
Name Value
──────────── ──────────
Unicode U+22E8
Hex code ⋨
HTML code ⋨
Named entity ⋨
CSS code \22E8
Meaning Precedes but not equivalent to
Related U+227A = Precedes (≺)
U+227C = Precedes or equal (≼)
U+22E9 = Succeeds but not equivalent (⋩)
Block Mathematical Operators (U+2200–U+22FF)Complete HTML Example
A simple example showing ⋨ using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\22E8";
}
</style>
</head>
<body>
<p>Relation (hex): a ⋨ b</p>
<p>Relation (decimal): a ⋨ b</p>
<p>Relation (named): a ⋨ b</p>
<p>Relation (CSS): a <span id="point"></span> b</p>
</body>
</html>🌐 Browser Support
The precedes but not equivalent to entity is universally supported in all modern browsers:
👀 Live Preview
See ⋨ rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
⋨ uses the Unicode hexadecimal value 22E8 to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
⋨ uses the decimal Unicode value 8936 to display the same character.
CSS Entity
\22E8 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Named Entity
⋨ is the semantic named entity — the easiest to read in source HTML for this relation operator.
Same visual result
All four methods produce: ⋨. Unicode U+22E8 in the Mathematical Operators block (U+2200–U+22FF).
Use Cases
The precedes but not equivalent to symbol (⋨) commonly appears in:
Strict precedence relations that exclude equivalence between elements.
Research on lattices, posets, and relational algebra notation.
Logic texts distinguishing precedes from equivalence.
Online references and wikis on order relations and symbols.
Character tables and Mathematical Operators guides.
University courses teaching advanced relation notation in HTML.
Pair ⋨ with a plain-language explanation on first use.
💡 Best Practices
Do
- Use
⋨for readable relation markup - Distinguish ⋨ from ≺ (precedes) and ≼ (precedes or equal)
- Pick one style (hex / decimal / named) per project
- Use MathML or LaTeX for complex multi-line formulas when appropriate
- Test rendering across browsers and math fonts
Don’t
- Substitute ≺ (≺) when ⋨ (⋨) is the intended relation
- Confuse ⋨ with ⋩ (succeeds but not equivalent)
- Use CSS escape
\22E8inside HTML text nodes - Use HTML entities in JS (use
\u22E8instead) - Mix entity styles randomly in one file
Key Takeaways
Three HTML references all render ⋨
⋨ ⋨ ⋨For CSS stylesheets, use the escape in the content property
\22E8Unicode U+22E8 belongs to the Mathematical Operators block (U+2200–U+22FF)
Prefer ⋨ for readability—standard named entity for this relation
Previous: Precedes (≺) Next: Precedes Or Equal To (≼)
❓ Frequently Asked Questions
⋨ (hex), ⋨ (decimal), ⋨ (named), or \22E8 in CSS content. All produce ⋨.U+22E8 (PRECEDES BUT NOT EQUIVALENT TO). Mathematical Operators block. Hex 22E8, decimal 8936.≺) is strict precedes. ⋨ (U+22E8, ⋨) is precedes but not equivalent to—a relation that additionally excludes equivalence between the operands.⋨, ⋨, and ⋨ are equivalent in modern browsers and all render ⋨.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful