Superscript Seven (⁷) is the Unicode character at U+2077 in the Subscripts and Superscripts block. It looks like a small raised 7 and appears in power notation such as x⁷ and 10⁷.
Remember
Character ⁷
Unicode U+2077
Hex entity ⁷
Decimal ⁷
CSS escape \2077
Named entity (none)
All of these produce the same glyph: ⁷. Prefer the Unicode character (or its entities) when you need that exact glyph; use <sup>7</sup> when you want semantic superscript formatting instead.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Direct character
⁷
HTML text (UTF-8)
Hex entity
⁷
HTML markup
Decimal entity
⁷
HTML markup
CSS escape
\2077
Stylesheet content
Named entity
—
Not defined in HTML5 (unlike ¹–³)
Semantic tag
<sup>7</sup>
HTML (formatting, not the ⁷ glyph)
When to use which
Situation
Use
Need the Unicode glyph ⁷
Type ⁷, or ⁷ / ⁷
Generated text via ::before / ::after
content: "\2077"
Semantic superscript for any text
<sup>7</sup>
Plain digit seven (not superscript)
Type 7 (U+0037)
Looking for &sup7;
Does not exist — use numeric form
See it
Live Preview
Superscript Seven rendered in common writing contexts.
Inline textSeventh power: x⁷
Large glyph⁷
In a power10⁷ = 10,000,000 2⁷ = 128
Monospacex⁷ → seventh power
With entitiesHex: ⁷ | Decimal: ⁷
Semantic <sup>x7 (tag styles digit 7)
Code
Complete HTML Example
One page that shows Superscript Seven with the hex entity, decimal entity, CSS escape, and the semantic <sup> option. Use View Output or open the live editor.
Hex + Decimal + CSS + <sup>
Four ways to show a raised seven in a single document.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Superscript Seven (⁷) in HTML</title>
<style>
#point::after {
content: "\2077";
}
</style>
</head>
<body>
<p>Superscript Seven using Hex Code: ⁷</p>
<p>Superscript Seven using HTML Code: ⁷</p>
<p id="point">Superscript Seven using CSS Entity: </p>
<p>Semantic alternative: x<sup>7</sup></p>
</body>
</html>
Superscript Seven using Hex Code: ⁷
Superscript Seven using HTML Code: ⁷
Superscript Seven using CSS Entity: ⁷
Semantic alternative: x⁷
How It Works
1. Hex:U+2077 → ⁷ in HTML. The browser turns it into ⁷.
2. Decimal: same code point as 8311 → ⁷. Same result as hex.
3. CSS: use \2077 in content (not an HTML entity). #point::after appends that ⁷ after the paragraph text.
4. Semantic <sup>:x<sup>7</sup> styles digit seven as a superscript. Prefer this when you need meaning, not a specific Unicode glyph.
Pitfalls & Tips
Common mistakes when working with Superscript Seven entities.
Named?
No &sup7;
HTML5 has ¹, ², and ³ only. For ⁷, use numeric forms.
CSS vs HTML
Do not mix escapes
\2077 belongs in CSS. ⁷ / ⁷ belong in HTML.
⁷ vs 7 vs ₇
Different characters
⁷ is U+2077; digit 7 is U+0037; subscript ₇ is U+2087.
Glyph vs tag
Choose intentionally
Use the Unicode glyph for exact look; use <sup> for semantic superscript on any text.
Semicolon
End references
Always finish with ; — write ⁷, not ⁷.
Fonts
Check the glyph
Some fonts draw ⁷ weakly. If appearance matters, test the font or prefer <sup>.
Compatibility
Browser Support
Superscript Seven (U+2077) and its numeric entity forms (⁷, ⁷, CSS \\2077) are supported in all mainstream browsers. Glyph shape depends on the font.
✓ Universal support
Superscript Seven (⁷)
Encode with hex, decimal, or CSS escape — or use <sup> for semantic formatting.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+2077 / entitiesFull support
Bottom line: Use ⁷ or ⁷ for the Unicode glyph, \\2077 only inside CSS content, and <sup>7</sup> when you want semantic superscript.
Remember
Key Takeaways
Unicode: Superscript Seven is U+2077 (decimal 8311).
HTML: use ⁷ or ⁷ when you need an entity.
CSS: use \2077 inside content for generated text.
Alternative: use <sup>7</sup> for semantic superscript formatting.
One line:U+2077 → ⁷ / ⁷ / CSS \2077, or semantic <sup>7</sup>.
Frequently Asked Questions
Use ⁷ (hex), ⁷ (decimal), or the CSS escape \2077 in the content property. All render ⁷. You can also paste the character ⁷ directly when your file is UTF-8.
U+2077 (hex 2077, decimal 8311). It belongs to the Subscripts and Superscripts Unicode block.
No. HTML5 defines ¹, ², and ³, but not &sup7;. Use numeric references like ⁷ or ⁷.
Use ⁷ (or its entities) when you need the exact Unicode superscript glyph. Use <sup>7</sup> when you want semantic superscript formatting for arbitrary text.
No. Digit seven is U+0037. Subscript seven is U+2087 (₇). Superscript Seven is U+2077 (⁷) — a different character.
HTML entities (⁷ or ⁷) go in markup. The CSS escape \2077 is used in stylesheets (usually in the content property of ::before/::after). Both render ⁷.
🤔
Did you know?
Superscript seven is Unicode U+2077 (decimal 8311). HTML5 has no named entity for it — unlike ¹, ², and ³. Use ⁷ or ⁷. It is a different character from digit seven (U+0037) and from subscript seven ₇ (U+2087).
