HTML Entity for Subscript Seven (₇)
What You'll Learn
How to display the subscript 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 chemical formulas, mathematical expressions, molecular notation, and technical content.
₇ has no named HTML entity, so you’ll use numeric references (₇ or ₇) or a CSS escape (\2087 in content).
⚡ Quick Reference — ₇ Entity
U+2087Superscripts & Subscripts block
₇Hexadecimal reference
₇Decimal reference
\2087Use in CSS content
Name Value
──────────── ──────────
Unicode U+2087
Hex code ₇
HTML code ₇
Named entity (none)
CSS code \2087Complete HTML Example
This example demonstrates ₇ using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2087";
}
</style>
</head>
<body>
<p>Subscript Seven using Hexa Decimal: ₇</p>
<p>Subscript Seven using HTML Code: ₇</p>
<p id="point">Subscript Seven using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The character ₇ (U+2087) is supported in all modern browsers. Rendering depends on font support for the Superscripts and Subscripts block, so include a sensible fallback font stack:
👀 Live Preview
See ₇ rendered in a few practical contexts:
<sub> (e.g., H2O).🧠 How It Works
Hexadecimal Code
₇ references Unicode 2087 in hexadecimal to produce the glyph ₇ in HTML.
Decimal HTML Code
₇ uses the decimal code point value 8327 to render the same character.
CSS Entity (Escape)
\2087 is used in CSS (often in content) to generate ₇ in pseudo-elements like ::before and ::after.
Same visual result
All methods render ₇. Unicode is U+2087 (Superscripts and Subscripts). There is no named HTML entity for this character.
Use Cases
The subscript seven (₇) commonly appears in the following scenarios:
Molecular formulas and carbon counts (e.g., C₇ in ring or chain notation).
Indices and sequences like x₇, a₇ in notation.
Compact subscript markers in text-heavy content.
Base notation like 10₇ for base-7 examples.
Textbooks and tutorials with simple subscripts.
Use the glyph when you need a single subscript digit.
💡 Best Practices
Do
- Use
<sub>when the subscript is a word or phrase - Use numeric references (
₇/₇) for portability - Keep formula formatting consistent across the page
- Verify font support for Superscripts/Subscripts when important
- Consider MathML/MathJax for complex equations
Don’t
- Mix Unicode subscripts with random
<sub>usage without reason - Assume every font renders ₇ at the same size and position
- 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
\2087Unicode U+2087 is in Superscripts/Subscripts
Useful for formulas and indices like C₇ and x₇
There is no named HTML entity for ₇
❓ Frequently Asked Questions
₇ (hex) or ₇ (decimal) in HTML. In CSS, use \2087 in the content property. All render ₇.U+2087 (hex 2087, decimal 8327). It’s part of the Superscripts and Subscripts Unicode block.₇ or ₇) are used directly in markup. The CSS escape \2087 is used in stylesheets (often in content on pseudo-elements). Same glyph, different layer.₇ or ₇ instead of a named entity.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful