HTML Entity for Square Below (Combining)

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

What Is Square Below?

Combining square below is the Unicode character at U+033B in Combining Diacritical Marks. Official name: COMBINING SQUARE BELOW. It is a non-spacing mark placed immediately after a base letter to add a small square under it.

Remember
Character     ◌̻ (under base letter)
Unicode       U+033B
Named entity  (none)
Hex entity    ̻
Decimal       ̻
CSS escape    \033B
Not the same  ⊓ · ̱ · ̣

Prefer ̻ or ̻ right after the base letter. Example: a̻ → a̻. Do not confuse it with the math operator square cap (⊓).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNoneUse numeric after the base letter
Hex entity̻HTML markup (after base letter)
Decimal entity̻HTML markup (after base letter)
CSS escape\033BStylesheet content
With letter aa̻Renders as a̻
Square cap (related name only)⊓ (U+2293)Math operator — not this mark

When to Use Which

SituationUse
Square under a letter (phonetics / linguistics)̻ or ̻ after the letter
Bar under a letter (macron below)U+0331
Math square-cap operator⊓ (⊓)
Generated mark via ::before / ::aftercontent: "\033B" after the letter
UI box or border under textCSS — not this combining mark

Live Preview

Combining square below applied to letters (appearance depends on font support).

On letters a̻ e̻ i̻ o̻ u̻
Large sample a̻
Consonants n̻ t̻ s̻
Compared a̻ (square below)  |  a̱ (macron below)  |  ⊓ (sqcap)
With entities Hex: a̻ | Decimal: n̻

Complete HTML Example

One page that shows combining square below with hex, decimal, CSS escape, and letter samples. Use View Output or open the live editor.

Hex + Decimal + CSS + With Letters

Ways to attach U+033B under a base letter. No named entity exists.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Combining Square Below (U+033B)</title>
  <style>
    #point::after {
      content: "\033B";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: a&#x033B;</p>
  <p>Using HTML Code: n&#827;</p>
  <p>z<span id="point"></span> (CSS square below on z)</p>
  <p>With letter a: a&#x033B;</p>
  <p>Not square cap (&sqcap; = U+2293)</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+033B → &#x033B; right after a. The browser combines them into a̻.

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

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

4. Order: always write the base letter first, then the combining entity.

5. No named entity: HTML5 does not define a name for U+033B — and &sqcap; is a different character (U+2293).

Pitfalls & Tips

Common mistakes when working with U+033B.

Order

Base letter first

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

vs ⊓

Not square cap

&sqcap; (U+2293) is a math operator. U+033B is a combining diacritic under a letter.

Named

No named HTML entity

There is no &squarebelow;. Use &#x033B; or &#827;.

CSS vs HTML

Do not mix escapes

\033B belongs in CSS strings. &#x033B; / &#827; belong in HTML.

Fonts

Check combining support

Some fonts render combining marks poorly. Test with fonts that include Combining Diacritical Marks.

A11y

Explain the mark

Screen readers may ignore or misname combining marks. Add nearby text when the square carries meaning.

Browser Support

Combining square below (U+033B) and its entity forms (&#x033B;, &#827;, CSS \\033B) are supported in all mainstream browsers. Visible glyphs depend on Combining Diacritical Marks font coverage.

✓ Universal support

Square Below (U+033B)

Encode with hex, decimal, or CSS escape after a base letter — same code point 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+033B / entities Full support

Bottom line: Prefer &#x033B; or &#827; right after the base letter. Use \\033B only inside CSS content. There is no named entity.

Key Takeaways

  • Unicode: combining square below is U+033B (decimal 827).
  • HTML: no named entity — use &#x033B; / &#827; after the base letter.
  • CSS: use \033B inside content for generated text.
  • Meaning: attaches under a letter — not ⊓ (&sqcap;).

One line: base + U+033B → a&#x033B; / a&#827; / CSS \033B (no named entity).

Frequently Asked Questions

Use &#x033B; (hex), &#827; (decimal), or the CSS escape \033B in content. Place it immediately after the base letter (e.g. a&#x033B;). There is no named HTML entity.
U+033B (COMBINING SQUARE BELOW). Hex 033B, decimal 827. It belongs to Combining Diacritical Marks (U+0300–U+036F).
No. Use numeric references &#x033B; or &#827;, or type the combining mark after a letter in UTF-8.
No. U+033B attaches a square under a letter. Square cap (U+2293, &sqcap;) is a separate math operator.
Use it in linguistic and phonetic notation when a square under a letter is required — not as a substitute for CSS box styles or the math symbol ⊏.
HTML entities (&#827; or &#x033B;) go in markup after the base character. The CSS escape \033B goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Combining square below is Unicode U+033B (decimal 827) in Combining Diacritical Marks (U+0300–U+036F). Official name: COMBINING SQUARE BELOW. HTML5 has no named entity — use &#x033B; or &#827; right after a base letter. Do not confuse with square cap U+2293 (&sqcap;, ⊓), a Mathematical Operators symbol.

Next: Square Cap

Learn the HTML entity for square cap (U+2293).

Square cap 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