HTML Entity for Macron Below (Combining)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+0331

What Is the Combining Macron Below Entity?

Combining macron below is the Combining Diacritical Marks character at Unicode U+0331 (COMBINING MACRON BELOW). It is a non-spacing mark placed immediately after a base letter to add a short flat bar under it — often in phonetics, linguistics, and specialized typography.

Remember
Character     ◌̱ (under base letter)
Unicode       U+0331
Hex entity    ̱
Decimal       ̱
CSS escape    \0331
Named entity  (none)

Hex, decimal, and CSS all produce the same combining mark. Write it right after the base letter (a̱ → a̱). For a bar above the letter, use combining macron (U+0304) instead.

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\0331Stylesheet content
Named entity—Not defined in HTML5
Related (above)̄Combining macron on top of the letter

When to Use Which

SituationUse
Bar under a letter in linguistics / phonetics̱ or ̱ after the letter
Bar above a letter (long vowel, overline)See Combining Macron (U+0304)
Generated text via ::before / ::aftercontent: "\0331"
UI underline for links or emphasisCSS text-decoration: underline — not this character
Standalone underscore characterType _ (U+005F) — not a combining mark

Live Preview

Combining macron below applied in common study contexts.

On letters a̱ e̱ i̱ o̱ u̱
Large glyph a̱
vs above / underscore a̱  |  ā  |  _
Phonetic sample x̱ y̱ ẕ
With entities Hex: x̱ | Decimal: y̱

Complete HTML Example

One page that shows combining macron below with hex, decimal, and CSS forms. Use View Output or open the live editor.

Hex + Decimal + CSS

Three ways to attach U+0331 under a base letter in one document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Combining Macron Below (U+0331)</title>
  <style>
    #point::after {
      content: "\0331";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: x&#x0331;</p>
  <p>Using HTML Code: y&#817;</p>
  <p>z<span id="point"></span> (CSS macron below on z)</p>
  <p>Compare above: a&#x0304; vs below: a&#x0331;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+0331 → &#x0331; right after x. The browser combines them into x̱.

2. Decimal: same code point as 817 → &#817; after y. Same combining mark.

3. CSS: use \0331 in content (not an HTML entity). #point::after appends the mark after z, producing ẕ.

4. Compare: &#x0304; draws the bar above; &#x0331; draws it below. Pick the code point that matches the notation you need.

Pitfalls & Tips

Common mistakes when working with combining macron below.

Order

Base letter first

Write a&#x0331;, not &#x0331;a. The mark attaches to the preceding character.

Named?

No named entity

HTML5 does not define a named entity for U+0331. Use numeric forms.

Look-alikes

Not macron above

U+0304 is a bar above. U+0331 is a bar below. They are different characters.

UI

Not for link underlines

Use CSS text-decoration for UI underlines — not combining diacritics.

CSS vs HTML

Do not mix escapes

\0331 belongs in CSS. &#x0331; / &#817; belong in HTML.

Semicolon

End references

Always finish with ; — write &#817;, not &#817.

Browser Support

Combining macron below (U+0331) and its numeric entity forms (&#x0331;, &#817;, CSS \\0331) are supported in all mainstream browsers with a Unicode-capable font.

✓ Universal support

Combining Macron Below (U+0331)

Encode with hex, decimal, or CSS escape — place after the base letter for the same combining mark under the glyph.

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+0331 / entities Full support

Bottom line: Use &#x0331; or &#817; after a base letter when you need the bar below. Use \\0331 only inside CSS content. Prefer CSS underline for UI decoration.

Key Takeaways

  • Unicode: combining macron below is U+0331 (decimal 817).
  • HTML: use &#x0331; or &#817; immediately after the base letter.
  • CSS: use \0331 inside content for generated text.
  • Watch out: U+0331 (below) ≠ U+0304 (above) ≠ UI underline.

One line: U+0331 → place &#x0331; / &#817; / CSS \0331 after the base letter.

Frequently Asked Questions

Use &#x0331; (hex), &#817; (decimal), or the CSS escape \0331 in the content property. Place the entity immediately after the base letter (e.g. a&#x0331;). There is no named HTML entity for U+0331.
U+0331 (COMBINING MACRON BELOW). Hex 0331, decimal 817. It belongs to the Combining Diacritical Marks block (U+0300–U+036F).
No. U+0331 has no named HTML entity. Use numeric references like &#x0331; or &#817;.
Use it in linguistic and phonetic notation, dictionary guides, and typography when a short bar under a letter is required — not as a substitute for CSS text-decoration: underline.
HTML entities (&#817; or &#x0331;) go in markup after the base character. The CSS escape \0331 is used in stylesheets (usually in the content property of ::before/::after). Both render the same combining mark.
U+0331 places a bar under the letter. U+0304 (combining macron) places a bar above the letter. They are different Unicode characters.

Did you know?

Combining macron below is Unicode U+0331 (decimal 817) — COMBINING MACRON BELOW in Combining Diacritical Marks. HTML5 has no named entity for it — use &#x0331; or &#817; right after a base letter. Do not confuse it with combining macron above (U+0304) or low line (_).

Next: Male Female Sign

Continue to the next HTML entity 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