HTML Entity for Left Semidirect Product (⋋)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+22CB

HTML Entity for Left Semidirect Product (U+22CB) tutorial illustration

Definition

What Is the Left Semidirect Product Entity?

Left Semidirect Product (⋋) is the Mathematical Operators character at Unicode U+22CB (LEFT SEMIDIRECT PRODUCT). It is used in group theory and abstract algebra for a left semidirect product.

Remember

Character     ⋋
Unicode       U+22CB
Hex entity    &#x22CB;
Decimal       &#8907;
Named entity  &lthree;
CSS escape    \22CB
Not the same  &ltimes; (⋉) · &rthree; (⋌)

All of these produce the same glyph: ⋋. Prefer &lthree; when you want an explicit entity.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&lthree;`	HTML markup (best entity default)
Hex entity	`⋋`	HTML markup
Decimal entity	`⋋`	HTML markup
CSS escape	`\22CB`	Stylesheet `content`
Direct character	`⋋`	UTF-8 HTML text

When to Use Which

Situation	Use
Readable HTML entity source	`&lthree;`
Need a numeric entity	`⋋` or `⋋`
Generated text via `::before` / `::after`	`content: "\22CB"`
Left normal factor semidirect product	Use &ltimes; (U+22C9)
Right semidirect product	Use `&rthree;` (U+22CC)

See it

Live Preview

Left Semidirect Product in common math notation contexts.

Label snippet N ⋋ H

Large glyph ⋋

Named entity &lthree; → ⋋

vs &ltimes; / &rthree; ⋋ | ⋉ | ⋌

With entities Hex: ⋋ | Decimal: ⋋ | Named: ⋋

Code

Complete HTML Example

One page that shows this symbol with hex, decimal, named, and CSS. 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>Left Semidirect Product (⋋)</title>
  <style>
    #point::after {
      content: "\22CB";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x22CB;</p>
  <p>Using HTML Code: &#8907;</p>
  <p>Using Named Entity: &lthree;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>N &lthree; H</code></p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+22CB → ⋋ in HTML. The browser turns it into ⋋.

2. Decimal: same code point as 8907 → ⋋. Same result as hex.

3. Named: &lthree; is the HTML5 name for this character.

4. CSS: use \22CB in content (not an HTML entity). #point::after appends that ⋋ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Left Semidirect Product.

Look-alikes

⋋ ≠ ⋉ ≠ ⋌

&lthree;, &ltimes;, and &rthree; are related algebra operators — pick the exact code point your notation needs.

Name

`&lthree;` ≠ `&ltimes;`

Different Unicode characters and different HTML5 names. Do not mix them up.

Fonts

Glyph may be missing

Math-operator coverage varies. Test on your target devices or provide a fallback font.

CSS vs HTML

Do not mix escapes

\22CB belongs in CSS. &lthree; / ⋋ / ⋋ belong in HTML.

A11y

Add nearby words

Pair the glyph with label text (for example N &lthree; H) or use aria-label when it stands alone.

Semicolon

End references

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

Compatibility

Browser Support

Left Semidirect Product (U+22CB) and its entity forms (&lthree;, ⋋, ⋋, CSS \\22CB) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Left Semidirect Product (&lthree;)

Encode with named, hex, decimal, or CSS escape — or type ⋋ directly in UTF-8 HTML.

100% Browser coverage

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+22CB / &lthree; Full support

Bottom line: Prefer &lthree; for readable HTML. Use \\22CB only inside CSS content.

Remember

Key Takeaways

Unicode: this symbol is U+22CB (decimal 8907).
HTML: prefer &lthree; — or use ⋋ / ⋋.
CSS: use \22CB inside content for generated text.
Watch out: &lthree; ≠ &ltimes; ≠ &rthree;.

One line: U+22CB → &lthree; / ⋋ / ⋋ / CSS \22CB.

Frequently Asked Questions

How do I display Left Semidirect Product (⋋) in HTML using entities?

Use &lthree; (named), ⋋ (hex), ⋋ (decimal), or the CSS escape \22CB in the content property. You can also type ⋋ directly in UTF-8 HTML.

What is the Unicode value for Left Semidirect Product?

U+22CB (LEFT SEMIDIRECT PRODUCT). Hex 22CB, decimal 8907. It belongs to the Mathematical Operators block (U+2200–U+22FF).

Is there a named HTML entity for U+22CB?

Yes. &lthree; is the HTML5 named entity. You can also use ⋋ or ⋋.

When should I use this HTML entity?

Use it in group theory and abstract algebra when you need the left semidirect product operator. Prefer &lthree; for readable HTML.

What is the difference between HTML code and CSS entity for U+22CB?

HTML entities (&lthree;, ⋋, or ⋋) go in markup. The CSS escape \22CB is used in stylesheets (usually in the content property of ::before/::after). Both render ⋋.

How is &lthree; different from &ltimes; or &rthree;?

&ltimes; (U+22C9) is LEFT NORMAL FACTOR SEMIDIRECT PRODUCT. &rthree; (U+22CC) is the right semidirect product. &lthree; (U+22CB) is specifically LEFT SEMIDIRECT PRODUCT.

Did you know?

Left Semidirect Product is Unicode U+22CB (decimal 8907) — LEFT SEMIDIRECT PRODUCT. HTML5 provides &lthree;. Prefer it for readable source. Do not confuse it with &ltimes; (U+22C9, left normal factor semidirect product) or the right form &rthree; (U+22CC).

Next: Left Shaded White Right Arrow

Learn the HTML entity for Left Shaded White Right Arrow — next in this sequence.

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 | Left Right Wave Arrow HTML Entity | Left Shaded White Right Arrow