HTML Entity for Superscript Seven (⁷)

Q: How do I display the superscript seven (⁷) in HTML?

Use ⁷ (hex) or ⁷ (decimal) in HTML. For CSS generated content, use the escape \2077 in the content property. All methods render ⁷.

Q: What is the Unicode value for the superscript seven?

U+2077 (hex 2077, decimal 8311). It is part of the Superscripts and Subscripts Unicode block.

Q: When should I use the superscript seven (⁷) in HTML?

Use it for exponents (e.g., x⁷), seventh powers, mathematical formulas, footnote markers, and ordinal-style notation where a superscript digit is required.

Q: What's the difference between HTML code and CSS entity for ⁷?

HTML numeric references (⁷ or ⁷) go in markup; the CSS escape \2077 is used in stylesheets, typically in the content property of ::before/::after. Both render the same glyph ⁷.

Q: Why is there no named HTML entity for the superscript seven (⁷)?

Named entities for superscripts exist only for 1, 2, and 3 (¹, ², ³). For ⁷ you use numeric Unicode references (hex/decimal).

Beginner

⏱️ 5 min read

📚 Updated: Aug 2025

🎯 1 Code Example

Unicode U+2077

HTML Entity for superscript seven (⁷) tutorial illustration

What You'll Learn

How to display the superscript seven (⁷) in HTML using hex, decimal, and CSS entity methods. This character lives in the Superscripts and Subscripts Unicode block and is commonly used for exponents, seventh powers, scientific notation, and footnote markers.

⁷ has no named HTML entity (unlike ¹ ² ³), so you’ll use numeric references (⁷ or ⁷) or a CSS escape (\2077 in content).

⚡ Quick Reference — ⁷ Entity

Unicode U+2077

Superscripts & Subscripts block

Hex Code ⁷

Hexadecimal reference

HTML Code ⁷

Decimal reference

CSS Code \2077

Use in CSS content

Reference Table

Name           Value
────────────   ──────────
Unicode        U+2077
Hex code       &#x2077;
HTML code      &#8311;
Named entity   (none)
CSS code       \2077

Complete HTML Example

This example demonstrates ⁷ using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:

html

<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2077";
  }
 </style>
</head>
<body>

<p>Superscript Seven using Hexa Decimal: &#x2077;</p>
<p>Superscript Seven using HTML Code: &#8311;</p>
<p id="point">Superscript Seven using CSS Entity: </p>

</body>
</html>

Try It Yourself

🌐 Browser Support

The character ⁷ (U+2077) is supported in all modern browsers. Rendering depends on font support for the Superscripts and Subscripts block, so include a sensible fallback font stack:

Chrome 1+

Firefox 1+

Safari 1+

Edge 12+

Opera 4+

Android 4.4+

iOS Safari 1+

👀 Live Preview

See ⁷ rendered in a few practical contexts:

Exponent x⁷

Seventh power 2⁷ = 128

Large glyph ⁷

Semantic note For multi-character superscripts, prefer <sup>.

🧠 How It Works

Hexadecimal Code

⁷ references Unicode 2077 in hexadecimal to produce the glyph ⁷ in HTML.

HTML markup

Decimal HTML Code

⁷ uses the decimal code point value 8311 to render the same character.

HTML markup

CSS Entity (Escape)

\2077 is used in CSS (often in content) to generate ⁷ in pseudo-elements like ::before and ::after.

CSS stylesheet

Same visual result

All methods render ⁷. Unicode is U+2077 (Superscripts and Subscripts). There is no named HTML entity for this character.

✅

Use Cases

The superscript seven (⁷) commonly appears in the following scenarios:

📐 Exponents

Seventh powers like x⁷ and 2⁷ in math.

📝 Footnotes

Superscript reference markers in articles and papers.

🧪 Science

Powers and notation in physics and engineering.

📚 Education

Textbooks and tutorials explaining seventh powers.

📈 Charts

Labels and captions requiring a compact exponent.

🎨 Typography

Use the glyph when you need a single superscript digit.

💡 Best Practices

Do

Use numeric references (⁷ / ⁷) for portability
Use <sup> for multi-character superscripts
Keep exponent formatting consistent across content
Add context for assistive tech when needed
Use CSS escapes for generated content

Don’t

Expect a named entity like &sup7; (it doesn’t exist)
Mix Unicode superscripts with random <sup> usage without reason
Use the CSS escape inside HTML content
Let line-height collapse around formulas (adjust if needed)
Use ⁷ where a normal “7” is intended

Key Takeaways

Use numeric references in HTML

⁷ ⁷

For CSS, use the escape in the content property

\2077

Unicode U+2077 is in Superscripts/Subscripts

Commonly used for exponents like x⁷

There is no named HTML entity for ⁷

❓ Frequently Asked Questions

How do I display the superscript seven (⁷) in HTML?

Use ⁷ (hex) or ⁷ (decimal) in HTML. In CSS, use \2077 in the content property. All render ⁷.

What is the Unicode value for the superscript seven?

U+2077 (hex 2077, decimal 8311). It’s part of the Superscripts and Subscripts Unicode block.

When should I use the superscript seven (⁷) in HTML?

Use it for exponents (x⁷), seventh powers, mathematical formulas, footnote markers, and ordinal-style notation.

What’s the difference between HTML code and CSS entity for ⁷?

HTML numeric references (⁷ or ⁷) are used directly in markup. The CSS escape \2077 is used in stylesheets (often in content on pseudo-elements). Same glyph, different layer.

Why is there no named HTML entity for the superscript seven (⁷)?

Named entities exist only for ¹ ² ³. For ⁷ you must use numeric Unicode codes like ⁷ or ⁷.

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 🔗

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

7 Subscript Entity 8 Entity