HTML Entity for Long Stroke Overlay (̶)
What You'll Learn
How to display the Long Stroke Overlay (̶) in HTML using various entity methods. The Long Stroke Overlay is a combining diacritical mark that draws a horizontal stroke through the preceding character (strikethrough effect) and is essential for typographic design, linguistic notation, and editorial markup.
This character is part of the Combining Diacritical Marks Unicode block and can be rendered with a hexadecimal reference, a decimal reference, or a CSS escape in the content property. There is no named HTML entity for this combining mark.
⚡ Quick Reference — Long Stroke Overlay Entity
U+0336Combining Diacritical Marks
̶Hexadecimal reference
̶Decimal reference
—No named entity
Name Value
──────────── ──────────
Unicode U+0336
Hex code ̶
HTML code ̶
Named entity (none)
CSS code \0336
Meaning Combining long stroke overlay
Block Combining Diacritical Marks (U+0300–U+036F)Complete HTML Example
A simple example showing the Long Stroke Overlay (̶) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\0336";
}
</style>
</head>
<body>
<p>Symbol (hex): ̶</p>
<p>Symbol (decimal): ̶</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Long Stroke Overlay (̶) is supported in modern browsers when the font includes Combining Diacritical Marks glyphs:
👀 Live Preview
See the Long Stroke Overlay (̶) used for strikethrough and typographic effects:
🧠 How It Works
Hexadecimal Code
̶ uses the Unicode hexadecimal value 0336 to display the Long Stroke Overlay. The x prefix indicates hexadecimal format.
Decimal HTML Code
̶ uses the decimal Unicode value 822 to display the same combining mark. This is one of the most commonly used methods.
CSS Entity
\0336 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Combining character
U+0336 is a nonspacing combining mark—place it immediately after a base character (e.g. A̶) to create a strikethrough. The stroke connects on the left and right sides of the character. Unicode U+0336 sits in the Combining Diacritical Marks block. There is no named HTML entity.
Use Cases
The Long Stroke Overlay (̶) is commonly used in:
Create strikethrough effects in headings, labels, or body text for editorial or design purposes.
Add horizontal stroke overlays in typography, logos, and custom font styling.
Use in phonetic transcription, linguistic symbols, and language-learning content.
Indicate deleted, deprecated, or corrected text in documents and revision tracking.
Show invalid or disabled fields with strikethrough styling in forms and UI.
Display original prices with strikethrough when showing discounts or sale prices.
Mark redacted or superseded text in legal, academic, or formal documents.
💡 Best Practices
Do
- Place ̶ immediately after each character you want struck through
- Use
<del>oraria-labelfor deleted text when accessibility matters - Use numeric references (
̶or̶) consistently in HTML - Verify font support for combining diacritical marks across devices
- Consider CSS
text-decoration: line-throughfor simple whole-word strikethrough
Don’t
- Put the combining mark before the base character—order matters
- Put CSS escape
\0336in HTML text nodes - Expect a named HTML entity—only numeric codes work for ̶
- Rely on strikethrough alone without context (e.g. explain “original price”)
- Mix entity styles randomly in one file
Key Takeaways
Three references render ̶ (no named entity)
̶ ̶For CSS stylesheets, use the escape in the content property
\0336Unicode U+0336 — COMBINING LONG STROKE OVERLAY
A combining mark that strikethroughs the preceding character
Previous: Long Solidus Overlay (̸) Next: Low Asterisk
❓ Frequently Asked Questions
̶ (hex), ̶ (decimal), or \0336 in CSS content. All produce the combining mark. There is no named HTML entity.U+0336 (COMBINING LONG STROKE OVERLAY). Combining Diacritical Marks block. Hex 0336, decimal 822. It is a nonspacing combining character that creates a strikethrough effect on the preceding character.̶ or ̶) is used in HTML content. The CSS entity (\0336) is used in CSS, e.g. in the content property of ::before or ::after. Both produce the same combining mark but in different contexts.Explore More HTML Entities!
Discover 1500+ HTML character references — combining marks, typography symbols, and more.
About the author
8 people found this page helpful