HTML Entity for Less Than Equal To Greater Than (⋚)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+22DA
HTML entity for Less Than Equal To Greater Than (U+22DA) — named ⋚, hex, decimal, and CSS tutorial

What You'll Learn

How to display the Less Than Equal To Greater Than (⋚) symbol in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+22DA (LESS-THAN EQUAL TO OR GREATER-THAN) in the Mathematical Operators block (U+2200–U+22FF)—indicating that a value may be less than or equal to, or greater than, another (a three-way comparison).

Render it with ⋚ (named), ⋚, ⋚, or CSS \22DA. Pair with U+22DB (⋛, greater-than equal to or less-than / ⋛). For example, a ⋚ b means a ≤ b or a ≥ b.

⚡ Quick Reference — Less Than Equal To Greater Than

Unicode U+22DA

Mathematical Operators

Hex Code ⋚

Hexadecimal reference

HTML Code ⋚

Decimal reference

Named Entity ⋚

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+22DA
Hex code       ⋚
HTML code      ⋚
Named entity   ⋚
CSS code       \22DA
Meaning        Less-than equal to or greater-than
Related        U+22DB = greater-than equal to or less-than (⋛ / ⋛)
               U+2264 = less-than or equal (≤ / ≤)
1

Complete HTML Example

A simple example showing the Less Than Equal To Greater Than (⋚) using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\22DA";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x22da;</p>
<p>Symbol (decimal): &#8922;</p>
<p>Symbol (named): &leg;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Less Than Equal To Greater Than (⋚) is universally supported in all modern browsers when the font includes Mathematical Operators glyphs:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the Less Than Equal To Greater Than (⋚) rendered live in different contexts:

Inline math a ⋚ b means a ≤ b or a ≥ b.
Large glyph ⋚
Mirror pair ⋚ ⋛
Named vs numeric &leg; &#x22DA; &#8922; \22DA
vs less-than or equal ⋚ vs ≤
Ordering x ⋚ y (x is ≤ y or ≥ y)

🧠 How It Works

1

Hexadecimal Code

&#x22DA; uses the Unicode hexadecimal value 22DA for less-than equal to or greater-than. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#8922; uses the decimal Unicode value 8922 to display the same character.

HTML markup
3

Named Entity

&leg; is the semantic named entity — the easiest to read in source HTML for this three-way comparison symbol.

HTML markup
4

CSS Entity

\22DA is used in CSS stylesheets in the content property of pseudo-elements like ::after.

CSS stylesheet
=

Same visual result

All four methods produce ⋚. Unicode U+22DA is in the Mathematical Operators block. Mirror: Greater Than Equal To Less Than (U+22DB / &gel;). Previous: Less Than Equal To.

✅

Use Cases

The Less Than Equal To Greater Than (⋚) is commonly used in:

∑ Mathematical Expressions

Represent three-way comparison (≤ or ≥) in equations and inequalities.

📄 Technical Documentation

Document comparison rules or conditions that allow either ordering.

💻 Programming & Logic

Describe ordering constraints or comparison semantics in specs.

📚 Academic Papers

Use in mathematics or logic for composite comparison notation.

📊 Data & Ordering

Show relations where values may be less-than-equal or greater-than.

🌐 Web Applications

Use in formula editors, calculators, or dashboards requiring comparison symbols.

💡 Best Practices

Do

  • Use &leg; when writing HTML by hand for readability
  • Use &#x22DA; or &#8922; when generating markup programmatically
  • Pair the symbol with text or MathML where possible for accessibility
  • Verify your font supports Mathematical Operators (U+22DA)
  • Keep one entity style per project for consistency

Don’t

  • Confuse ⋚ (three-way comparison) with ≤ (less-than or equal / &le;)
  • Use CSS \22DA inside HTML text nodes
  • Assume readers know what a ⋚ b means without context
  • Mix entity styles randomly in one file
  • Use plain <= or >= when the mathematical symbol ⋚ is required

Key Takeaways

1

Four methods all render ⋚

&leg; &#x22DA; &#8922;
2

For CSS, use \22DA in the content property

3

Unicode U+22DA — LESS-THAN EQUAL TO OR GREATER-THAN

4

Mirror: Greater Than Equal To Less Than (⋛ / &gel;)

5

Previous: Less Than Equal To   Next: Less Than Or Equal To

❓ Frequently Asked Questions

Use &leg; (named), &#x22DA; (hex), &#8922; (decimal), or \22DA in CSS content. All four methods render ⋚ correctly.
U+22DA (LESS-THAN EQUAL TO OR GREATER-THAN). Mathematical Operators block (U+2200–U+22FF). Hex 22DA, decimal 8922. Denotes less-than equal to or greater-than in mathematical notation.
In mathematical expressions, comparison notation (e.g. a ⋚ b meaning a ≤ b or a ≥ b), technical documentation, and any content requiring a three-way comparison symbol.
HTML references (&leg;, &#8922;, or &#x22DA;) go in markup. The CSS escape \22DA is used in stylesheets, typically on ::before or ::after. Both produce ⋚.
Yes. &leg; is the named HTML entity for U+22DA. You can also use &#8922;, &#x22DA;, or \22DA in CSS.

Explore More HTML Entities!

Discover 1500+ HTML character references — arrows, symbols, math operators, and more.

All HTML Entities →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Less Than Equal To Less Than Or Equal To