HTML Entity for Greater Than Or Less Than (≷)
What You'll Learn
How to display the Greater Than Or Less Than (≷) symbol in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2277 (GREATER-THAN OR LESS-THAN) in the Mathematical Operators block (U+2200–U+22FF).
Render it with ≷, ≷, or CSS escape \2277. There is no named HTML entity for U+2277. It indicates one value is either greater than or less than another (not equal)—used in order theory and formal logic. For separate symbols use > and <; for inequality use ≠.
⚡ Quick Reference — Greater Than Or Less Than
U+2277Mathematical Operators
≷Hexadecimal reference
≷Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2277
Hex code ≷
HTML code ≷
Named entity (none)
CSS code \2277
Meaning Greater-than or less-than
Related > < ≠ for separate symbolsComplete HTML Example
This example demonstrates the Greater Than Or Less Than symbol (≷) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity for U+2277:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2277";
}
</style>
</head>
<body>
<p>Greater Than Or Less Than using Hexadecimal: ≷</p>
<p>Greater Than Or Less Than using Decimal: ≷</p>
<p id="point">Greater Than Or Less Than using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Greater Than Or Less Than symbol (≷) is supported in modern browsers with a math-capable font:
👀 Live Preview
See the Greater Than Or Less Than symbol (≷) in relation contexts:
🧠 How It Works
Hexadecimal Code
≷ uses the Unicode hexadecimal value 2277 to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
≷ uses the decimal Unicode value 8823 to display the same character.
CSS Entity
\2277 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce ≷. No named entity for U+2277. Next: Greater Than Over Equal To.
Use Cases
The Greater Than Or Less Than symbol (≷) is commonly used in:
Relations expressing strict comparability (e.g. x ≷ y).
Algebra and logic where combined greater-or-less operators appear.
Academic papers and advanced mathematics courses.
Specifications using specialized Unicode math operators.
Libraries and references mirroring Mathematical Operators.
HTML entity lists and Unicode operator references.
💡 Best Practices
Do
- Use numeric codes when you need the single-glyph ≷
- Use math fonts (Cambria Math, Noto Sans Math) for reliable rendering
- Explain the relation in text for accessibility
- Use
>,<, or≠when separate symbols suffice - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Assume a named entity exists (U+2277 has none)
- Confuse ≷ with ⋛ (U+22DB)
- Put CSS escape
\2277in HTML text nodes - Use ≷ when plain “not equal” (
≠) is enough - Rely on the symbol alone for screen reader users
Key Takeaways
Hex, decimal, and CSS all render ≷
≷ ≷For CSS stylesheets, use the escape in the content property
\2277Unicode U+2277 — GREATER-THAN OR LESS-THAN
No named entity—use numeric references
❓ Frequently Asked Questions
≷ (hex), ≷ (decimal), or \2277 in CSS content. There is no named HTML entity for U+2277. All three produce ≷.U+2277 (GREATER-THAN OR LESS-THAN). Mathematical Operators block (U+2200–U+22FF). Hex 2277, decimal 8823. No named HTML entity.≷ or ≷) go in markup. The CSS escape \2277 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.>, <, ≥, ≤). U+2277 is a specialized relation in Mathematical Operators and uses numeric codes or CSS—standard for many math symbols in HTML.Explore More HTML Entities!
Discover 1500+ HTML character references — math relations, comparisons, and more.
About the author
8 people found this page helpful