HTML Entity for Vertical Line Below (̩)

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

What Is Vertical Line Below?

Combining vertical line below (U+0329) is a combining mark in Combining Diacritical Marks. It does not stand alone like a normal letter — it stacks below the character that comes before it. Example: n + ̩ renders as n̩ (IPA syllabic n).

Remember
Character     combining vertical line below (after a base)
Unicode       U+0329
Hex entity    ̩
Decimal       ̩
CSS escape    \0329
Named entity  (none)
Example       n̩ → n̩

Prefer ̩ or ̩ immediately after the base letter. Common in IPA for syllabic consonants. For a mark above the letter, see vertical line above (U+030D).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity̩HTML markup (after base letter)
Decimal entity̩HTML markup (after base letter)
CSS escape\0329Stylesheet content string
Named entity—Not defined in HTML5
OrderBase, then markRequired

When to Use Which

SituationUse
Vertical line below / syllabic (n̩)n̩ or n̩
Vertical line above a letterU+030D after the base
Combining acute above (é style)U+0301 after the base
Spacing pipe / vertical bar (|)| (|) — not combining
Generated text via ::before / ::aftercontent: "n\0329"
Document the mark alone◌̩ (dotted circle + mark)

Live Preview

Combining vertical line below after common bases (same code point, different letters).

IPA syllabics n̩   l̩   m̩   r̩
Large (n + mark) n̩
Placeholder ◌̩ (dotted circle + U+0329)
Compared n̩  |  a̍  |  á  |  |
With entities Hex: n̩ | Decimal: n̩

Complete HTML Example

One page that attaches U+0329 to the letter n with hex, decimal, CSS escape, and a typed combining sequence. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce n̩ (n + combining vertical line below) in one document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Combining Vertical Line Below (U+0329)</title>
  <style>
    #point::after {
      content: "n\0329";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: n&#x0329;</p>
  <p>Using HTML Code: n&#809;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: n̩</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: write the base letter, then &#x0329; → n&#x0329; becomes n̩.

2. Decimal: same mark as 809 → n&#809;. Same result as hex.

3. CSS: put base + escape in one string: content: "n\0329". #point::after appends that sequence after the paragraph text.

4. Typed: in UTF-8 type n then the combining mark. Order must stay base first, mark second.

Pitfalls & Tips

Common mistakes when working with U+0329.

Order

Base letter first

Write n&#x0329;, never put U+0329 before the letter you want to mark.

Named?

No named entity

HTML5 has no named entity for U+0329. Use &#x0329; or &#809; after a base.

vs |

Not a spacing pipe

| (U+007C) stands alone. U+0329 must follow a base character.

vs U+030D

Below ≠ above

U+0329 sits below the letter. U+030D sits above — different marks.

Fonts

Combining support varies

Some fonts stack poorly under letters. Prefer fonts with solid Combining Diacritical Marks / IPA coverage.

CSS vs HTML

Do not mix escapes

\0329 belongs in CSS strings (with a base). &#x0329; / &#809; belong in HTML after a base.

A11y

Label IPA use

When n̩ appears in examples, label it as IPA / syllabic so readers know it is phonetic notation, not everyday spelling.

Browser Support

Combining vertical line below (U+0329) and its numeric entity forms (&#x0329;, &#809;, CSS \\0329) are supported in all mainstream browsers. Stacking quality depends on font support for combining marks.

✓ Universal support

Vertical Line Below (U+0329)

Encode with hex, decimal, or CSS escape after a base letter — same combining mark everywhere encoding is supported.

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+0329 Full support

Bottom line: Use &#x0329; or &#809; after a base letter. Use \\0329 only inside CSS content strings with a base (e.g. "n\\0329").

Key Takeaways

  • Unicode: combining vertical line below is U+0329 (decimal 809).
  • HTML: base first, then &#x0329; or &#809; (e.g. n&#x0329;).
  • CSS: use "n\0329" (or another base) inside content.
  • Meaning: combining below — often IPA syllabic — not | (pipe), not U+030D (above).

One line: U+0329 → after a base letter as &#x0329; / &#809; / CSS \0329.

Frequently Asked Questions

Place &#x0329; (hex) or &#809; (decimal) immediately after a base letter — for example n&#x0329;. In CSS, use content: "n\0329". There is no named HTML entity for U+0329.
U+0329 (COMBINING VERTICAL LINE BELOW). Hex 0329, decimal 809. It belongs to Combining Diacritical Marks (U+0300–U+036F).
No. HTML5 does not define a named entity. Use numeric forms &#809; or &#x0329; after a base letter.
It often marks syllabic consonants — for example n&#x0329;, l&#x0329;, m&#x0329;, or r&#x0329; — where the consonant forms a syllable peak.
U+0329 combines below a letter. U+030D combines above. | (U+007C) is a spacing pipe, not a combining mark.
HTML entities (&#809; or &#x0329;) go in markup after the base letter. The CSS escape \0329 goes in stylesheet strings (usually content on ::before/::after), typically as "n\0329".

Did you know?

Combining vertical line below is Unicode U+0329 (decimal 809) — COMBINING VERTICAL LINE BELOW in Combining Diacritical Marks. It is a combining mark — place it after a base letter (e.g. n&#x0329; → n̩). HTML5 has no named entity. In IPA it often marks syllabic consonants (n̩, l̩, m̩, r̩). Pair with vertical line above (U+030D) when you need the mark over the letter.

Next: Vertical Male Stroke Sign

Learn the HTML entity for the vertical male with stroke sign (U+26A8).

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