HTML Entity for Less Than With Dot (⋖)

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

What Is the Less Than With Dot Entity?

Less Than With Dot (⋖) is the Mathematical Operators character at Unicode U+22D6 (LESS-THAN WITH DOT). It is a less-than sign with a centered dot — used in specialized order and math notation.

Remember
Character     ⋖
Unicode       U+22D6
Named entity  ⋖  or  ⋖
Hex entity    ⋖
Decimal       ⋖
CSS escape    \22D6
Not the same  &lt; (<) · &le; (≤) · &gtdot; (⋗)

Prefer &ltdot; or &lessdot; in HTML. Alternatives: &#x22D6; or &#8918;. For plain less-than text, use &lt; instead.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity&ltdot; or &lessdot;HTML markup (best default)
Hex entity&#x22D6;HTML markup
Decimal entity&#8918;HTML markup
CSS escape\22D6Stylesheet content
Direct character⋖UTF-8 HTML text

When to Use Which

SituationUse
Readable math in HTML&ltdot; or &lessdot;
Numeric entity required&#x22D6; or &#8918;
Generated text via ::before / ::aftercontent: "\22D6"
Greater-than with dotUse &gtdot; (U+22D7)
Plain less-than (<)Use &lt; (U+003C)

Live Preview

Less Than With Dot in common comparison contexts.

Relation a ⋖ b
Large glyph ⋖
Named entity &ltdot; → ⋖
vs < / ≤ / ⋗ ⋖  |  <  |  ≤  |  ⋗
With entities Named: ⋖ | Hex: ⋖ | Decimal: ⋖

Complete HTML Example

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

Named + Hex + Decimal + CSS

Four ways to produce ⋖ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Less Than With Dot (⋖)</title>
  <style>
    #point::after {
      content: "\22D6";
    }
  </style>
</head>
<body>
  <p>Using Named: &ltdot;</p>
  <p>Using Alias: &lessdot;</p>
  <p>Using Hex Code: &#x22D6;</p>
  <p>Using HTML Code: &#8918;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>a &ltdot; b</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &ltdot; and &lessdot; are HTML5 names for U+22D6 → ⋖. Prefer these for readable source.

2. Hex: U+22D6 → &#x22D6; in HTML. Same glyph as named.

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

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

5. Look-alikes: &lt; is plain <; &gtdot; is the greater-than-with-dot mirror.

Pitfalls & Tips

Common mistakes when working with Less Than With Dot.

Look-alikes

&ltdot; ≠ &lt;

Plain less-than is &lt; (U+003C). Use this entity only when the dotted form is required.

Pair

Mirror is &gtdot;

Greater-than with dot is U+22D7 — use &gtdot;, not a CSS flip of this glyph.

Inequality

Not the same as ≤

&le; means less-than or equal. &ltdot; is a different dotted less-than relation.

Fonts

Math glyph coverage

Most modern fonts include U+22D6, but verify on target devices if the symbol is critical.

CSS vs HTML

Do not mix escapes

\22D6 belongs in CSS. &ltdot; / &#x22D6; / &#8918; belong in HTML.

A11y

Add nearby words

Pair the glyph with label text (for example a &ltdot; b) or use aria-label when it stands alone.

Semicolon

End references

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

Browser Support

Less Than With Dot (U+22D6) and its entity forms (&ltdot;, &lessdot;, &#x22D6;, &#8918;, CSS \\22D6) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Less Than With Dot (&#x22D6;)

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+22D6 Full support

Bottom line: Prefer &ltdot; or &lessdot; for readable HTML. Use \\22D6 only inside CSS content.

Key Takeaways

  • Unicode: this symbol is U+22D6 (decimal 8918).
  • HTML: prefer &ltdot; or &lessdot; — also &#x22D6; / &#8918;.
  • CSS: use \22D6 inside content for generated text.
  • Watch out: &ltdot; ≠ &lt; ≠ &gtdot;.

One line: U+22D6 → &ltdot; / &lessdot; / &#x22D6; / CSS \22D6.

Frequently Asked Questions

Use &ltdot; or &lessdot; (named), &#x22D6; (hex), &#8918; (decimal), or the CSS escape \22D6 in the content property. All render ⋖ when the font supports Mathematical Operators.
U+22D6 (LESS-THAN WITH DOT). Hex 22D6, decimal 8918. It belongs to Mathematical Operators (U+2200–U+22FF).
Yes. HTML5 defines &ltdot; and &lessdot; for U+22D6. Prefer &ltdot; or &lessdot; for readable math markup.
Use it in formal math when a dotted less-than relation is required. Prefer named entities for readable source. For plain < or ≤, use &lt; or &le; instead.
HTML entities (&ltdot;, &lessdot;, &#8918;, or &#x22D6;) go in markup. The CSS escape \22D6 is used in stylesheets (usually in the content property of ::before/::after). Both render ⋖.
&lt; is plain less-than (U+003C). &ltdot; (U+22D6) adds a dot beside the less-than. &gtdot; (U+22D7) is the greater-than-with-dot mirror.

Did you know?

Less Than With Dot is Unicode U+22D6 (decimal 8918) — LESS-THAN WITH DOT in Mathematical Operators. HTML5 named entities: &ltdot; and &lessdot;. Mirror form: &gtdot; (U+22D7). Do not confuse it with plain &lt; (<) or &le; (≤).

Next: Lesser Than

Learn the HTML entity for Lesser Than — next in this sequence.

Continue 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