HTML Entity for Small Contains Overbar (⋾)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+22FE

What You'll Learn

How to display Small Contains Overbar (⋾) in HTML using numeric references, the named entity, and CSS escapes. This character is U+22FE (SMALL CONTAINS WITH OVERBAR) in the Mathematical Operators block (U+2200–U+22FF). It is used in set theory for the “small contains with overbar” relation.

Use the named entity ⋾, hex ⋾, decimal ⋾, or CSS \22FE. ⋾ is the most readable option when writing HTML by hand. Do not confuse ⋾ with Contains Overbar U+22FD (⋽), Contains As Member Small U+220D (∍), or Small Contains Vertical Bar At End Horizontal Stroke U+22FC (⋼).

⚡ Quick Reference — Small Contains Overbar

Unicode U+22FE

Mathematical Operators (U+2200–U+22FF)

Hex Code ⋾

Hexadecimal reference

HTML Code ⋾

Decimal reference

Named Entity ⋾

Standard HTML entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+22FE
Hex code       ⋾
HTML code      ⋾
Named entity   ⋾
CSS code       \22FE
1

Complete HTML Example

This example demonstrates Small Contains Overbar (⋾) using hexadecimal code, decimal HTML code, the named entity ⋾, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\22FE";
  }
 </style>
</head>
<body>
<p>Small Contains Overbar using Hex: &#x22FE;</p>
<p>Small Contains Overbar using HTML Code: &#8958;</p>
<p>Small Contains Overbar using HTML Entity: &notnivb;</p>
<p id="point">Small Contains Overbar using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+22FE is supported in modern browsers; use a math-capable font for best glyph quality:

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

👀 Live Preview

See the small-contains-overbar operator in context:

Named entity A &notnivb; B
Set notation Relation: ⋾
Standalone
vs ⋽ ⋾ (small overbar)   ⋽ (contains overbar)
vs ∍ ⋾ (overbar)   ∍ (small contains member)
Monospace refs &#x22FE; &#8958; &notnivb; \22FE

🧠 How It Works

1

Hexadecimal Code

&#x22FE; references code point U+22FE using hex digits 22FE.

HTML markup
2

Decimal HTML Code

&#8958; is the decimal equivalent (8958) for the same character.

HTML markup
3

Named HTML Entity

&notnivb; is the standard named entity for U+22FE—readable for set-theory notation.

HTML markup
4

CSS Entity

\22FE is the CSS escape for U+22FE, used in the content property of ::before or ::after.

CSS stylesheet
=

Same visual result

All four methods produce the glyph: . Unicode U+22FE is in Mathematical Operators (U+2200–U+22FF).

Use Cases

Small Contains Overbar (⋾) commonly appears in:

📊 Set theory

Specialized “small contains with overbar” relations in formal notation.

📚 Math education

Advanced discrete math and logic course materials.

📄 Academic papers

Technical PDFs and HTML preprints with set-relation operators.

💻 Documentation

Symbol glossaries and character reference tables for math HTML.

🔤 Entity demos

Examples showing &notnivb; alongside numeric references.

📐 Generated HTML

Tools rendering math symbols without full MathML.

♿ Accessibility

Describe the relation in text; do not rely on the glyph alone.

💡 Best Practices

Do

  • Prefer &notnivb; for readable hand-written HTML
  • Use math fonts (Cambria Math, STIX Two Math) for clear operators
  • Keep entity style consistent across a document
  • Use \22FE only inside CSS content
  • Distinguish ⋾ from ⋽ (contains overbar) and ∍ (small contains member)

Don’t

  • Write U+022FE—the correct notation is U+22FE
  • Substitute ⋽ or ∍ when the small overbar operator ⋾ is required
  • Use CSS \022FE with a leading zero unless your toolchain requires it—prefer \22FE
  • Put CSS escape in HTML text nodes
  • Mix entity styles randomly in one file

Key Takeaways

1

Named entity for easy authoring

&notnivb;
2

Numeric references also render ⋾

&#x22FE; &#8958;
3

For CSS stylesheets, use the escape in the content property

\22FE
4

U+22FE SMALL CONTAINS WITH OVERBAR

5

Four methods, one glyph — widely supported in modern browsers

❓ Frequently Asked Questions

Use &notnivb; (named entity), &#x22FE; (hex), &#8958; (decimal), or \22FE in CSS content. All four methods render ⋾.
U+22FE (SMALL CONTAINS WITH OVERBAR). Mathematical Operators (U+2200–U+22FF). Hex 22FE, decimal 8958.
When you need the ⋾ operator in set theory notation, mathematical documentation, academic content, or technical references for small set relations with an overbar.
HTML entities (&notnivb;, &#8958;, or &#x22FE;) go directly in markup. The CSS escape \22FE is used in stylesheets, typically in the content property of pseudo-elements.
Yes. &notnivb; is the named entity for U+22FE. It is well supported in modern browsers for this Mathematical Operators symbol.

Explore More HTML Entities!

Discover 1500+ HTML character references — math operators, symbols, arrows, 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.

8 people found this page helpful