HTML Entity for Succeeds (≻)

Beginner

6 min read

Updated: Sep 2026

1 example

Unicode U+227B

HTML Entity for succeeds (≻) tutorial illustration

Definition

What Is Succeeds?

Succeeds (≻) is the Mathematical Operators character at Unicode U+227B (SUCCEEDS). In order theory, a ≻ b means a succeeds b in a partial order. HTML5 provides the named entities &sc; and &succ;.

Remember

Character     ≻
Unicode       U+227B
Named entity  &sc;  (also &succ;)
Hex entity    &#x227B;
Decimal       &#8827;
CSS escape    \227B

All of these produce the same glyph: ≻. Prefer &sc; for readable HTML; paste ≻ in UTF-8 when convenient.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&sc;`	HTML markup (also `&succ;`)
Hex entity	`≻`	HTML markup
Decimal entity	`≻`	HTML markup
Direct character	`≻`	HTML text (UTF-8 default)
CSS escape	`\227B`	Stylesheet `content`

When to Use Which

Situation	Use
Succeeds relation	`&sc;` or `&succ;`
Precedes (reverse)	≺ / `&pr;`
Ordinary greater-than	Type `>`
Succeeds but not equivalent	⋩
UTF-8 math text	Type or paste `≻`
Generated text via `::before` / `::after`	`content: "\227B"`

See it

Live Preview

Succeeds rendered in common contexts.

Glyph ≻

Large glyph ≻

In a relation a ≻ b

With entities Named: ≻ | Hex: ≻ | Decimal: ≻

Related symbols ≺ (&pr;) · > · ⋩

Code

Complete HTML Example

One page that shows Succeeds with named, hex, decimal, direct, and CSS forms. Use View Output or open the live editor.

Named + Hex + Decimal + Direct + CSS

Five ways to produce ≻ in a single document.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Succeeds (≻) in HTML</title>
  <style>
    #point::after {
      content: "\227B";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &sc;</p>
  <p>Using Hex Code: &#x227B;</p>
  <p>Using HTML Code: &#8827;</p>
  <p>Using Direct Character: ≻</p>
  <p id="point">Using CSS Entity: </p>
  <p>Example: a &sc; b</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &sc; (or &succ;) is the clearest HTML form for U+227B.

2. Hex: U+227B → ≻ in HTML. Reliable numeric form.

3. Decimal: same code point as 8827 → ≻. Same glyph.

4. Direct: paste ≻ in a UTF-8 file with <meta charset="UTF-8">.

5. CSS: use \227B in content (not an HTML entity). #point::after appends that ≻ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Succeeds.

≺

Not precedes

&pr; (U+227A) is the reverse relation. a ≻ b is not the same as a ≺ b.

Not greater-than

Typing > is U+003E. Prefer &sc; for the order-theoretic succeeds relation.

Aliases

`&sc;` = `&succ;`

Both named forms map to U+227B. Pick one and stay consistent.

Fonts

Math font coverage

Some UI fonts omit Mathematical Operators. Prefer a math-capable font for display.

CSS vs HTML

Do not mix escapes

\227B belongs in CSS. &sc; / ≻ / ≻ belong in HTML.

Semicolon

End references

Always finish with ; — write &sc;, not &sc.

Compatibility

Browser Support

Succeeds (U+227B) and its entity forms (&sc;, ≻, ≻, CSS \\227B) are supported in all mainstream browsers. Glyph availability depends on the font.

✓ Universal support

Succeeds (≻)

Prefer &sc;, or encode with hex, decimal, or CSS escape — same glyph everywhere.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All versions

Yes

U+227B / entities Full support

Bottom line: Prefer &sc; (or &succ;) in HTML. Use ≻ / ≻ when a numeric form is required, and \\227B only inside CSS content.

Remember

Key Takeaways

Unicode: this mark is U+227B (decimal 8827) — glyph ≻.
HTML: prefer &sc; (alias &succ;), or ≻ / ≻.
CSS: use \227B inside content for generated text.
Meaning: a ≻ b — not the same as ≺ or >.

One line: U+227B → &sc; / ≻ / ≻ / CSS \227B.

Frequently Asked Questions

How do I display ≻ in HTML?

Use &sc; (named), ≻ (hex), ≻ (decimal), type ≻ directly in UTF-8, or the CSS escape \227B in content. Alias: &succ;.

What is the Unicode value for this mark?

U+227B (SUCCEEDS). Hex 227B, decimal 8827. It belongs to Mathematical Operators (U+2200–U+22FF).

Is there a named HTML entity for U+227B?

Yes. HTML5 defines &sc; and &succ; for this character. Both are equivalent to ≻ and ≻.

When should I use U+227B?

Use it in order theory and formal math when a succeeds b (a ≻ b). Prefer &pr; for precedes (U+227A) and > for ordinary greater-than.

What is the difference between HTML code and CSS entity for U+227B?

HTML entities (&sc;, ≻, or ≻) go in markup. The CSS escape \227B goes in stylesheet strings (usually content on ::before/::after).

Is ≻ the same as > or ≺?

No. ≻ is succeeds (U+227B). > is greater-than (U+003E). ≺ is precedes (U+227A).

Did you know?

Succeeds (≻) is Unicode U+227B (decimal 8827) — SUCCEEDS in Mathematical Operators. HTML5 provides &sc; (also &succ;). In order theory, a &sc; b means a succeeds b. The reverse relation is precedes (U+227A, &pr;).

Next: Succeeds But Not Equivalent To

Learn the HTML entity for succeeds but not equivalent to (⋩).

Continue tutorial →

About the author

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

HTML Entity | Subset With Not Equal To HTML Entity | Succeeds But Not Equivalent To