HTML Entity for Precedes Or Equivalent To (≾)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+227E

What Is Precedes Or Equivalent To?

Precedes or equivalent to (≾) is the Mathematical Operators character at Unicode U+227E (PRECEDES OR EQUIVALENT TO). It means one element precedes or is equivalent to another — a tilde-style order relation, not the same as precedes-or-equal ≼.

Remember
Character     ≾
Unicode       U+227E
Hex entity    ≾
Decimal       ≾
Named entity  ≾  (also ≾)
CSS escape    \227E
Not the same  ≼ · ≺ · ≿

All of these produce the same glyph: ≾. Prefer ≾ in HTML source for clarity; use hex/decimal when generating entities, and CSS \227E only in content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity≾HTML markup (best default)
Hex entity≾HTML markup
Decimal entity≾HTML markup
CSS escape\227EStylesheet content
Direct character≾UTF-8 HTML text

When to Use Which

SituationUse
Precedes or equivalent (tilde style)≾
Precedes or equal≼ (≼)
Strict precedes only≺ (≺)
Succeeds or equivalent≿ (≿)
Generated text via ::before / ::aftercontent: "\227E"

Live Preview

Precedes or equivalent to rendered in common math contexts.

Inline math a ≾ b
Large glyph ≾
Meaning a ≾ b (precedes or equivalent)
Compared ≾  |  ≼  |  ≺  |  ≿
With entities Hex: ≾ | Decimal: ≾ | Named: ≾

Complete HTML Example

One page that shows this relation with the hex entity, decimal entity, named entity, and CSS escape. Use View Output or open the live editor.

Hex + Decimal + Named + CSS

All four ways to produce ≾ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Precedes Or Equivalent To (≾) in HTML</title>
  <style>
    #point::after {
      content: "\227E";
    }
  </style>
</head>
<body>
  <p>Relation using Hex Code: a &#x227E; b</p>
  <p>Relation using HTML Code: a &#8830; b</p>
  <p>Relation using Named Entity: a &prsim; b</p>
  <p id="point">Relation using CSS Entity: a </p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+227E → &#x227E; in HTML. The browser turns it into ≾.

2. Decimal: same code point as 8830 → &#8830;. Same result as hex.

3. Named: &prsim; is the HTML5 name for this character — easiest to read in source (alias: &precsim;).

4. CSS: use \227E in content (not an HTML entity). #point::after appends that ≾ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with this order relation.

Named

Prefer &prsim;

Named form is clearer than numeric codes. &precsim; is an equivalent alias.

≼

Not precedes or equal

≼ (&prcue;) uses an equals-style glyph. ≾ uses a tilde-style “equivalent” form.

≺

Not strict precedes

≺ (&pr;) is strict precedes only — it does not allow equivalence.

≿

Not succeeds or equivalent

≿ is U+227F (&scsim;) — the opposite direction.

CSS vs HTML

Do not mix escapes

\227E belongs in CSS. &prsim; / &#x227E; / &#8830; belong in HTML.

Semicolon

End references

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

Browser Support

Precedes or equivalent to (U+227E) and its entity forms (&prsim;, &#x227E;, &#8830;, CSS \\227E) are supported in all mainstream browsers when the font includes Mathematical Operators.

✓ Universal support

Precedes Or Equivalent To (≾)

Use &prsim;, or encode with hex, decimal, or CSS escape — same glyph everywhere fonts support it.

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+227E / entities Full support

Bottom line: Prefer &prsim; in HTML for readability. Use &#x227E; or &#8830; when encoding must be numeric, and \\227E only inside CSS content.

Key Takeaways

  • Unicode: this symbol is U+227E (decimal 8830) — glyph ≾.
  • HTML: prefer &prsim;, or use &#x227E; / &#8830;.
  • CSS: use \227E inside content for generated text.
  • Use case: precedes or equivalent — not ≼, ≺, or ≿.

One line: U+227E → &prsim; / &#x227E; / &#8830; / CSS \227E.

Frequently Asked Questions

Use &prsim; (named), &#x227E; (hex), &#8830; (decimal), or the CSS escape \227E in the content property. All render ≾. Aliases include &precsim; and &PrecedesTilde;.
U+227E (PRECEDES OR EQUIVALENT TO). Hex 227E, decimal 8830. It belongs to the Mathematical Operators block.
Yes. &prsim; is the common named HTML5 entity for ≾ (also &precsim;) and is supported in all modern browsers.
≼ (U+227C, &prcue;) is precedes or equal to. ≾ (U+227E, &prsim;) is precedes or equivalent to — a related but distinct tilde-style order relation.
HTML entities (&prsim;, &#8830;, or &#x227E;) go in markup. The CSS escape \227E is used in stylesheets (usually in the content property of ::before/::after). Both render ≾.
No. ≿ (U+227F, &scsim;) is succeeds or equivalent to — the opposite direction.

Did you know?

Precedes or equivalent to is Unicode U+227E (decimal 8830) — glyph ≾. HTML5 provides &prsim; (aliases include &precsim; and &PrecedesTilde;). Prefer the named form for readable math markup. Distinct from precedes or equal ≼ (&prcue;, U+227C) and strict precedes ≺ (&pr;, U+227A).

Next: Precedes Under Relation

Learn the HTML entity for precedes under relation (U+22B0).

Precedes Under Relation 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