HTML Entity for Superscript Plus (⁺)
What You'll Learn
How to display the Superscript Plus symbol (⁺) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+207A (SUPERSCRIPT PLUS SIGN) in the Superscripts and Subscripts block (U+2070–U+209F)—used for ion charges like Na⁺, math notation, and superscript typography.
Render it with ⁺, ⁺, or CSS escape \207A. There is no named HTML entity. Do not confuse ⁺ (superscript plus) with the regular plus sign + (U+002B).
⚡ Quick Reference — Superscript Plus
U+207ASuperscripts and Subscripts
⁺Hexadecimal reference
⁺Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+207A
Hex code ⁺
HTML code ⁺
Named entity (none)
CSS code \207A
Block Superscripts and Subscripts (U+2070–U+209F)
Related U+207B = Superscript Minus (⁻)Complete HTML Example
This example demonstrates the Superscript Plus symbol (⁺) using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\207A";
}
</style>
</head>
<body>
<p>Using Hexadecimal: ⁺</p>
<p>Using HTML Code: ⁺</p>
<p>Ion charge: Na⁺</p>
<p id="point">Using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Superscript Plus entity is universally supported in all modern browsers:
👀 Live Preview
See the Superscript Plus symbol (⁺) rendered in different contexts:
🧠 How It Works
Hexadecimal Code
⁺ uses the Unicode hexadecimal value 207A to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
⁺ uses the decimal Unicode value 8314 to display the same character. This is one of the most commonly used methods.
CSS Entity
\207A is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ⁺. Unicode U+207A in the Superscripts and Subscripts block (U+2070–U+209F). No named entity.
Use Cases
The Superscript Plus symbol (⁺) commonly appears in:
Ion charges like Na⁺ and Ca²⁺.
Superscript addition and algebraic notation.
Research papers and scholarly articles.
Technical documentation and lab reports.
Footnotes, citations, and editorial design.
Online courses in math and chemistry.
Bibliographies and reference materials.
💡 Best Practices
Do
- Use
⁺or⁺for superscript plus notation - Pair with element symbols for ion charges (e.g. Na⁺)
- Pick one style (hex or decimal) per project for consistency
- Add
aria-labelfor standalone symbols in chemistry content - Test rendering across browsers and fonts
Don’t
- Use a regular plus sign + where a superscript glyph is needed
- Confuse ⁺ (superscript plus) with ⁻ (superscript minus)
- Put CSS escape
\207Adirectly in HTML text nodes - Expect a named HTML entity for U+207A—use numeric references
- Use HTML entities in JS (use
\u207Ainstead)
Key Takeaways
Two HTML references both render ⁺
⁺ ⁺For CSS stylesheets, use the escape in the content property
\207AUnicode U+207A — SUPERSCRIPT PLUS SIGN
No named entity—use numeric references or CSS escape
Pair with ⁻ (superscript minus) for signed notation
❓ Frequently Asked Questions
⁺ (hex), ⁺ (decimal), or \207A in CSS content. There is no named HTML entity. All three produce ⁺.U+207A (SUPERSCRIPT PLUS SIGN). Superscripts and Subscripts block (U+2070–U+209F). Hex 207A, decimal 8314.⁺ or ⁺) go directly in markup. The CSS escape \207A is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — superscripts, subscripts, math, and more.
About the author
8 people found this page helpful