HTML Entity for Bridge Above (͆)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+0346

What You'll Learn

How to display the Combining Bridge Above (͆) in HTML and CSS. This character is U+0346 in the Combining Diacritical Marks block (U+0300–U+036F), added in Unicode 3.0 (1999). It is a nonspacing mark that attaches above the preceding character.

In International Phonetic Alphabet (IPA) notation, it denotes dentolabial consonants—sounds articulated with the lower lip against the upper teeth. There is no named HTML entity for U+0346. Use ͆ or ͆ in markup, or \346 in stylesheet content. A related character is the Combining Wide Bridge Above (U+20E9).

⚡ Quick Reference — Bridge Above

Unicode U+0346

Combining Diacritical Marks (U+0300–U+036F)

Hex Code ͆

Hexadecimal reference

HTML Code ͆

Decimal reference

Named Entity

None (use numeric refs)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+0346
Hex code       ͆
HTML code      ͆
Named entity   —
CSS code       \346
1

Complete HTML Example

This example shows U+0346 using hexadecimal and decimal references, combining with a base letter for IPA notation, plus a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\346";
  }
 </style>
</head>
<body>
<p>Bridge Above using Hexa Decimal: &#x0346;</p>
<p>Bridge Above using HTML Code: &#838;</p>
<p id="point">Bridge Above using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+0346 is widely supported when paired with a base character; combining mark placement depends on font shaping and IPA font choice:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the combining bridge above with base letters (font-dependent; IPA fonts render best):

With base letter p͆ b͆ m͆
IPA context Dentolabial: p͆ (lower lip + upper teeth)
Standalone mark ͆
Related symbol Combining Wide Bridge Above: U+20E9 (wider bridge shape)
Monospace refs &#x0346; &#838; \346

🧠 How It Works

1

Hexadecimal Code

&#x0346; references code point U+0346 using hex digits 0346. Place it immediately after a base letter for IPA notation.

HTML markup
2

Decimal HTML Code

&#838; is the decimal equivalent (838) for the same Combining Bridge Above character.

HTML markup
3

CSS Entity

\346 is the CSS escape for U+0346, used in the content property of ::before or ::after.

CSS stylesheet
=

Combining behavior

The bridge above attaches above the preceding character (combining class: Above). When alone it may display as a floating mark ͆. Related: Combining Wide Bridge Above U+20E9.

Use Cases

The Bridge Above (͆) is commonly used for:

🔤 IPA phonetics

IPA transcriptions for dentolabial consonants (lower lip against upper teeth).

📚 Linguistics

Phonological notation, phonetic research, and language documentation.

📖 Phonetic transcription

Dictionary entries, pronunciation guides, and speech pathology notation.

🎓 Academic publications

Phonology papers, linguistic journals, and scholarly articles.

🌐 Language documentation

Endangered language preservation, field linguistics, and descriptive phonetics.

✏ Typography

Correct rendering of IPA diacritics in multilingual and phonetic typography.

♿ Accessibility

Ensure base + combining sequence is correct; screen readers rely on proper Unicode order.

💡 Best Practices

Do

  • Place the bridge above immediately after the base letter with no space
  • Use IPA-aware fonts (e.g. Charis SIL, Doulos SIL) for reliable dentolabial notation
  • Declare <meta charset="utf-8"> for correct combining rendering
  • Use \346 only inside CSS content, not inside HTML text nodes
  • Pair IPA symbols with explanatory text when teaching articulation

Don’t

  • Insert a space between the base letter and the combining mark
  • Assume every font supports U+0346 or positions the bridge correctly
  • Confuse U+0346 with U+20E9 (Combining Wide Bridge Above)
  • Mix CSS escapes into HTML text nodes (use numeric refs in markup)
  • Expect a named HTML entity—none exists for U+0346

Key Takeaways

1

Two numeric references render the combining mark

&#x0346; &#838;
2

CSS content escape

\346
3

U+0346 attaches above the preceding character; order matters

4

Combining Diacritical Marks block; added in Unicode 3.0 (1999)

5

Used in IPA for dentolabial consonants (lower lip + upper teeth)

❓ Frequently Asked Questions

Use &#x0346; (hex), &#838; (decimal), or \346 in CSS content. Place the mark immediately after the base letter (e.g. p&#x0346;). There is no named entity.
U+0346 (Combining Bridge Above). Combining Diacritical Marks (U+0300–U+036F), added in Unicode 3.0 (1999). Hex 0346, decimal 838.
For IPA phonetics, dentolabial consonant notation, linguistics, phonetic transcription, language documentation, and academic phonology publications.
Numeric references belong in HTML. The \346 escape belongs in stylesheets (for example on pseudo-elements). Both produce the same combining mark.
No. Use &#x0346;, &#838;, or \346 in CSS depending on whether you are authoring markup or styles.

Explore More HTML Entities!

Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.

All HTML Entities →

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