HTML Entity for Superscript Plus (⁺)

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

What Is Superscript Plus?

Superscript plus (⁺) is the Unicode character at U+207A in Superscripts and Subscripts. Official name: SUPERSCRIPT PLUS SIGN. It is a precomposed raised plus, often used for positive ion charges such as Na⁺.

Remember
Character     ⁺
Unicode       U+207A
Hex entity    ⁺
Decimal       ⁺
CSS escape    \207A
Named entity  (none)
Not the same  + · <sup>+</sup> · ⁻

Prefer &#x207A; or &#8314; in HTML markup. You can also type ⁺ in UTF-8. There is no named entity.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character⁺HTML text (UTF-8)
Hex entity&#x207A;HTML markup (preferred)
Decimal entity&#8314;HTML markup
CSS escape\207AStylesheet content
Named entity—Not defined in HTML5
Superscript minus (related)&#x207B; (⁻, U+207B)Related superscript operator

When to Use Which

SituationUse
Precomposed superscript plus&#x207A; or &#8314;
Normal plus raised with HTML<sup>+</sup>
Superscript minus⁻ / &#x207B;
Superscript equals⁼ / &#x207C;
Looking for a named formDoes not exist — use numeric form
Generated text via ::before / ::aftercontent: "\207A"

Live Preview

Superscript plus rendered next to related marks.

Example Na⁺
Large glyph ⁺
Compared ⁺   +   +   ⁻   ⁼
With entities Hex: ⁺ | Decimal: ⁺

Complete HTML Example

One page that shows Superscript Plus with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ⁺, plus a short ion-charge example.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Superscript Plus (⁺) in HTML</title>
  <style>
    #point::after {
      content: "\207A";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x207A;</p>
  <p>Using HTML Code: &#8314;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ⁺</p>
  <p>Example: Na⁺</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+207A → &#x207A; in HTML. The browser turns it into ⁺.

2. Decimal: same code point as 8314 → &#8314;. Same result as hex.

3. CSS: use \207A in content (not an HTML entity). #point::after appends that ⁺ after the paragraph text.

4. Typed / example: paste ⁺ in UTF-8, or write Na⁺ for a short positive ion example.

Pitfalls & Tips

Common mistakes when working with Superscript Plus.

Named?

No named entity

HTML5 does not define a named entity for U+207A. Use &#x207A; or &#8314;.

+

Not a normal plus

Plain + is U+002B. Prefer U+207A only when you need the precomposed superscript form.

⁻

Not superscript minus

Superscript minus is U+207B (⁻). Use U+207A for the plus form.

Fonts

Superscript font coverage

Some UI fonts omit Superscripts and Subscripts. Prefer a font that covers this block for display.

CSS vs HTML

Do not mix escapes

\207A belongs in CSS strings. &#x207A; / &#8314; belong in HTML.

Semicolon

End numeric references

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

Browser Support

Superscript plus (U+207A) and its entity forms (&#x207A;, &#8314;, CSS \\207A) are supported in all mainstream browsers. Visible glyphs depend on superscript font coverage.

✓ Universal support

Superscript Plus (&#x207A;)

Encode with hex, decimal, CSS escape, or type the character — 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+207A / entities Full support

Bottom line: Prefer &#x207A; or &#8314; in HTML. Use \\207A only inside CSS content. There is no named entity.

Key Takeaways

  • Unicode: this mark is U+207A (decimal 8314) — glyph ⁺.
  • HTML: use &#x207A; or &#8314; — no named entity; typing ⁺ also works.
  • CSS: use \207A inside content for generated text.
  • Meaning: ⁺ = precomposed superscript plus — not plain +, not ⁻.

One line: U+207A → &#x207A; / &#8314; / CSS \207A.

Frequently Asked Questions

Use &#x207A; (hex), &#8314; (decimal), type ⁺ directly in UTF-8, or the CSS escape \207A in content. There is no named HTML entity for U+207A.
U+207A (SUPERSCRIPT PLUS SIGN). Hex 207A, decimal 8314. It belongs to Superscripts and Subscripts (U+2070–U+209F).
No. HTML5 does not define a named entity for this character. Use numeric forms &#8314; or &#x207A;.
Use it for compact Unicode positive charges and superscript plus notation (for example Na⁺). Prefer <sup>+</sup> when you want semantic HTML superscript styling of a normal plus.
HTML entities (&#8314; or &#x207A;) go in markup. The CSS escape \207A goes in stylesheet strings (usually content on ::before/::after).
No. ⁺ is the precomposed superscript plus (U+207A). A plain + is U+002B. <sup>+</sup> raises a normal plus with HTML/CSS — similar look, different character and semantics.

Did you know?

Superscript plus (⁺) is Unicode U+207A (decimal 8314) — SUPERSCRIPT PLUS SIGN in Superscripts and Subscripts. HTML5 has no named entity — use &#x207A; or &#8314;. It is often used for positive ion charges such as Na⁺. Do not confuse it with a normal plus sign, or with superscript minus (U+207B).

Next: Superscript Right Parenthesis

Learn the HTML entity for superscript right parenthesis (⁾).

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