HTML Entity for Precedes Or Equivalent To (≾)
What You'll Learn
How to display the precedes or equivalent to symbol (≾) in HTML using various entity methods. This operator expresses that one element either strictly precedes another or is equivalent to it—used in order theory, lattice theory, and advanced relational 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+227C (≼, precedes or equal to) or U+227A (≺, strict precedes).
⚡ Quick Reference — Precedes Or Equivalent To
U+227EMathematical Operators block
≾Hexadecimal reference
≾Decimal reference
≾Most readable option
Name Value
──────────── ──────────
Unicode U+227E
Hex code ≾
HTML code ≾
Named entity ≾
CSS code \227E
Meaning Precedes or equivalent to
Related U+227A = Precedes (≺)
U+227C = Precedes or equal (≼)
U+227F = Succeeds or 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: "\227E";
}
</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 or 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 227E to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
≾ uses the decimal Unicode value 8830 to display the same character.
CSS Entity
\227E 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+227E in the Mathematical Operators block (U+2200–U+22FF).
Use Cases
The precedes or equivalent to symbol (≾) commonly appears in:
Relations where precedence may include equivalence between elements.
Research on lattices, posets, and relational algebra notation.
Logic texts defining order relations with 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 or equal) and ≺ (precedes)
- 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 or equivalent)
- Use CSS escape
\227Einside HTML text nodes - Use HTML entities in JS (use
\u227Einstead) - Mix entity styles randomly in one file
Key Takeaways
Three HTML references all render ≾
≾ ≾ ≾For CSS stylesheets, use the escape in the content property
\227EUnicode U+227E belongs to the Mathematical Operators block (U+2200–U+22FF)
Prefer ≾ for readability—standard named entity for this relation
Previous: Precedes Or Equal To (≼) Next: Precedes Under Relation (⊰)
❓ Frequently Asked Questions
≾ (hex), ≾ (decimal), ≾ (named), or \227E in CSS content. All produce ≾.U+227E (PRECEDES OR EQUIVALENT TO). Mathematical Operators block. Hex 227E, decimal 8830.≼) is precedes or equal to. ≾ (U+227E, ≾) is precedes or equivalent to—a related but distinct order-relation operator with a tilde-style glyph.≾, ≾, 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