HTML Entity for Lowercase O Latin (U+0366)

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

What Is the Lowercase O Latin Entity?

On this page, Lowercase O Latin is the combining mark at Unicode U+0366 (COMBINING LATIN SMALL LETTER O). It places a small letter o on the preceding base character — used in linguistics and phonetic notation.

Remember
Mark          combining latin small letter o
Unicode       U+0366
Hex entity    ͦ
Decimal       ͦ
Named entity  (none)
CSS escape    \0366
Order         base + mark  →  nͦ

Combining marks are not standalone letters. Write the base character first, then the entity (e.g. nͦ → nͦ). This is not the same as typing o (U+006F).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entityͦHTML after the base character
Decimal entityͦHTML after the base character
Named entityNoneHTML5 does not define one
CSS escape\0366Stylesheet content (often ::after)
Direct characterbase + U+0366UTF-8 HTML text

When to Use Which

SituationUse
Readable numeric entity in HTMLbaseͦ
Decimal entity requiredbaseͦ
Generated mark via ::aftercontent: "\0366" on an element that ends with the base
Plain letter oType o — see Lowercase O
Subscript o insteadSee Lowercase O Latin Subscript (U+2092)

Live Preview

Combining Latin small letter o on common bases (font-dependent).

On letter n nͦ
On letter a aͦ
Large sample xͦ
vs letter o / subscript nͦ  |  o  |  ₒ
With entities nͦ | nͦ

Complete HTML Example

One page that shows this combining mark with hex, decimal, and CSS after a base character. Use View Output or open the live editor.

Hex + Decimal + CSS

Three ways to attach U+0366 to a base (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lowercase O Latin (U+0366)</title>
  <style>
    #point::after {
      content: "\0366";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: n&#x366;</p>
  <p>Using HTML Code: n&#870;</p>
  <p id="point">Using CSS Entity: n</p>
  <p>More bases: a&#x366; x&#x366;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+0366 → &#x366; after the base. The browser combines them into nͦ.

2. Decimal: same code point as 870 → &#870; after the base. Same result as hex.

3. Named: HTML5 does not define a named entity for this mark — use hex or decimal instead.

4. CSS: use \0366 in content (not an HTML entity). #point::after appends the combining mark after the base text ending in n.

Pitfalls & Tips

Common mistakes when working with combining Latin small letter o.

Order

Base first, then mark

Write n&#x366;, not &#x366;n. Combining marks attach to the preceding character.

Look-alikes

Not letter o or subscript ₒ

o is U+006F. Subscript o is U+2092. This mark is combining and needs a base.

Named

No &…; shortcut

HTML5 has no named entity for U+0366. Use &#x366; or &#870;.

CSS vs HTML

Do not mix escapes

\0366 belongs in CSS. &#x366; / &#870; belong in HTML after the base.

Encoding

Declare UTF-8

If you type the combining character directly, keep <meta charset="UTF-8"> so the file is not misread.

Fonts

Check glyph coverage

Rendering of combining letter stacks is font-dependent. Pick a font that supports U+0366 if the mark is missing.

Browser Support

Combining Latin small letter o (U+0366) and its entity forms (&#x366;, &#870;, CSS \\0366) are supported in all modern browsers. Visual stacking depends on font coverage.

✓ Universal encoding

Lowercase O Latin (U+0366)

Encode with hex, decimal, or CSS escape after a base — or type base + U+0366 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+0366 Full support

Bottom line: Prefer base&#x366; for readable HTML. Use \\0366 only inside CSS content.

Key Takeaways

  • Unicode: this combining mark is U+0366 (decimal 870).
  • HTML: prefer base&#x366; — or use base&#870; (no named entity).
  • CSS: use \0366 inside content after a base.
  • Watch out: combining U+0366 ≠ letter o ≠ subscript ₒ.

One line: base + U+0366 → base&#x366; / base&#870; / CSS \0366.

Frequently Asked Questions

Use &#x366; (hex), &#870; (decimal), or the CSS escape \0366 in the content property. Place the mark immediately after the base character (e.g. n&#x366;). There is no named HTML entity.
U+0366 (COMBINING LATIN SMALL LETTER O). Hex 366, decimal 870. It belongs to Combining Diacritical Marks (U+0300–U+036F).
No. HTML5 does not define a named entity for U+0366. Use numeric references like &#x366; or &#870;.
Use it in linguistics, phonetic notation, medieval stacks, and scholarly text where a small o sits above a base letter. Always write the base first, then the combining mark.
HTML entities (&#870; or &#x366;) go in markup after the base. The CSS escape \0366 is used in stylesheets (usually in the content property of ::after). Both apply the same combining letter.
No. Letter o is U+006F. Subscript o is U+2092. U+0366 is a combining mark that attaches above (or with) the preceding base character.

Did you know?

Lowercase O Latin here means Unicode U+0366 (decimal 870) — COMBINING LATIN SMALL LETTER O in Combining Diacritical Marks. HTML5 has no named entity. Place it after the base (e.g. n&#x366; → nͦ). It is not the same as typed o (U+006F) or subscript ₒ.

Next: Lowercase O Latin Subscript

Learn the HTML entity for Latin subscript small letter o (ₒ).

Lowercase O Latin subscript 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