HTML Entity for Greater Than Or Less Than (≷)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2277

What Is Greater Than Or Less Than?

Greater-than or less-than (≷) is the Unicode character at U+2277 in Mathematical Operators. Official name: GREATER-THAN OR LESS-THAN. It is a single relation glyph — not > and < typed as two characters.

Remember
Character     ≷
Unicode       U+2277
Named entity  &gl;
Hex entity    &#x2277;
Decimal       &#8823;
CSS escape    \2277
Meaning       greater than or less than
Not the same  &gt; (>) · &lt; (<) · &lg; (≶) · &gel; (⋛)

Prefer &gl; in HTML. Alternatives: &#x2277;, &#8823;, or paste ≷ in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity&gl;HTML markup (preferred)
Hex entity&#x2277;HTML markup
Decimal entity&#8823;HTML markup
Direct character≷HTML text (UTF-8)
CSS escape\2277Stylesheet content

When to Use Which

SituationUse
This combined “greater or less” relation&gl;
Less-than or greater-than (mirror)&lg; (U+2276)
Greater-equal-to-less-than stacked form&gel; (U+22DB)
Plain > or < in text / code&gt; / &lt;
Generated text via ::before / ::aftercontent: "\2277"

Live Preview

Symbol alone, in a sample, and next to related forms.

Glyph ≷
Large glyph ≷
Sample a ≷ b   x ≷ y
Compared ≷   ≶   ⋛   ><
With entities Named: ≷ | Hex: ≷ | Decimal: ≷

Complete HTML Example

One page that shows ≷ with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to display ≷ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Greater Than Or Less Than (U+2277) in HTML</title>
  <style>
    #point::after {
      content: "\2277";
    }
  </style>
</head>
<body>
  <p>Built with Named: &gl;</p>
  <p>Built with Hex: &#x2277;</p>
  <p>Built with Decimal: &#8823;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ≷</p>
  <p>Sample: a &gl; b</p>
  <p>Mirror: &lg;</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &gl; is the HTML5 name for U+2277 → ≷. Prefer this in markup.

2. Hex: &#x2277; inserts the same code point. Same visual as named.

3. Decimal: same code point as 8823 → &#8823;.

4. CSS: use \2277 in content (not an HTML entity). Four hex digits are enough; keep a space or quote end after the escape if more digits follow.

5. Typed: paste ≷ in a UTF-8 document when your editor supports it. &lg; is the mirror form (U+2276).

Pitfalls & Tips

Common mistakes when working with greater-than or less-than.

Name

Prefer &gl;

HTML5 does define a named entity for this character. Prefer &gl; over inventing names or stacking &gt; and &lt;.

Compose

Do not fake it with two characters

&gt;&lt; is two glyphs. &gl; is one code point and may look different in math fonts.

vs gel

Not the same as &gel;

&gel; is U+22DB (greater-than equal to or less-than). &gl; is U+2277 — different shapes and meanings.

Mirror

Mirror form exists

Less-than or greater-than is &lg; (U+2276) — a different character from U+2277.

Font

Check math font coverage

Some UI fonts omit Mathematical Operators. Prefer a math-capable font if the glyph shows as a box.

CSS vs HTML

Do not mix escapes

\2277 belongs in CSS strings. &gl; / &#x2277; / &#8823; belong in HTML.

Semicolon

End references

Always finish entities with ; — write &gl;, not &gl.

Browser Support

Greater-than or less-than (U+2277) and its entity forms (&gl;, &#x2277;, &#8823;, CSS \\2277) are supported in all mainstream browsers that implement Unicode and HTML entities. Glyph visibility depends on font coverage.

✓ Universal entity support

Greater Than Or Less Than (&#x2277;)

Encode with named, hex, decimal, CSS escape, or paste the character — same code point everywhere encoding is supported.

100% Entity support
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes
U+2277 Full support

Bottom line: Prefer &gl; in HTML. Use &#x2277; / &#8823; when numeric form is required, and \\2277 only inside CSS content.

Key Takeaways

  • Unicode: this glyph is U+2277 (decimal 8823) — ≷.
  • HTML: prefer &gl; — also &#x2277; / &#8823;.
  • CSS: use \2277 inside content for generated text.
  • Meaning: ≷ ≠ &gt;+&lt; — one math character.

One line: U+2277 → &gl; / &#x2277; / &#8823; / CSS \2277.

Frequently Asked Questions

Prefer &gl; (named). You can also use &#x2277; (hex), &#8823; (decimal), paste ≷ in a UTF-8 document, or the CSS escape \2277 in content.
U+2277 (GREATER-THAN OR LESS-THAN). Hex 2277, decimal 8823. It belongs to Mathematical Operators.
Yes. HTML5 defines &gl; for U+2277. Prefer it when you want readable math markup.
Use it in formal math when a value is greater-than or less-than another as a single relation glyph. Do not use it as a substitute for typing > or < separately in code.
HTML entities (&gl;, &#8823;, or &#x2277;) go in markup. The CSS escape \2277 goes in stylesheet strings (usually content on ::before/::after).
No. ≷ is U+2277 (&gl;). ⋛ is U+22DB (&gel;). Typing &gt; and &lt; makes two characters.

Did you know?

Greater-than or less-than is Unicode U+2277 (decimal 8823) — glyph ≷ (GREATER-THAN OR LESS-THAN) in Mathematical Operators. HTML5 named entity: &gl;. Prefer &gl; in HTML. It is one character, not &gt; plus &lt;, and not the same as &gel; (⋛).

Next: Greater Than Over Equal To

Learn the HTML entity for greater-than over equal to (U+2267).

Greater than over equal to tutorial →

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.

8 people found this page helpful