HTML Entity for Long Stroke Overlay (U+0336)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+0336

What Is the Long Stroke Overlay Entity?

Long Stroke Overlay is the combining mark at Unicode U+0336 (COMBINING LONG STROKE OVERLAY). It draws a long horizontal bar through the preceding character — often used for per-letter strikethrough.

Remember
Mark          combining long stroke overlay
Unicode       U+0336
Hex entity    ̶
Decimal       ̶
Named entity  (none)
CSS escape    \0336
Order         base + mark  →  a̶

Combining marks are not standalone letters. Write the base character first, then the entity (e.g. a&#x0336; → a̶). For cancelled words in UI copy, prefer <s> or CSS line-through.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity&#x0336;HTML after the base character
Decimal entity&#822;HTML after the base character
Named entityNoneHTML5 does not define one
CSS escape\0336Stylesheet content (often ::after)
Direct characterbase + U+0336UTF-8 HTML text

When to Use Which

SituationUse
Readable numeric entity in HTMLbase&#x0336;
Decimal entity requiredbase&#822;
Generated stroke via ::aftercontent: "\0336" on an element that ends with the base
Whole-word strikethrough in a page<s>Sale</s> or CSS text-decoration: line-through
Shorter stroke overlayDifferent mark — see Short Stroke Overlay (U+0335)

Live Preview

Long Stroke Overlay combined with base letters (font-dependent).

Single letter a̶
Word sample S̶a̶l̶e̶
Large sample A̶
vs short overlay Long U+0336: a̶  |  Short U+0335: a̵
With entities a̶ | a̶

Complete HTML Example

One page that shows this combining mark with hex, decimal, and CSS after a base character. Use View Output or open the live editor.

Hex + Decimal + CSS

Three ways to attach U+0336 to a base (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Long Stroke Overlay (U+0336)</title>
  <style>
    #point::after {
      content: "\0336";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: a&#x0336;</p>
  <p>Using HTML Code: a&#822;</p>
  <p id="point">Using CSS Entity: a</p>
  <p>Word: S&#x0336;a&#x0336;l&#x0336;e&#x0336;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+0336 → &#x0336; after the base. The browser combines them into a̶.

2. Decimal: same code point as 822 → &#822;. Same result as hex.

3. Named: HTML5 does not define a named entity for this mark — use hex or decimal instead.

4. CSS: use \0336 in content (not an HTML entity). #point::after appends the stroke through the trailing a.

Pitfalls & Tips

Common mistakes when working with Long Stroke Overlay.

Order

Base character first

Write a&#x0336;, not &#x0336;a. Combining marks follow the base.

Words

One mark per letter

A single overlay does not strike a whole word. Apply the mark after each letter, or use <s> / CSS instead.

Named

No &…; name

Do not invent a name such as &longstrokeoverlay;. Use &#x0336; or &#822;.

Look-alikes

Not U+0335 or solidus

U+0335 is short stroke overlay. U+0338 is long solidus (diagonal) overlay — a different mark.

CSS vs HTML

Do not mix escapes

\0336 belongs in CSS. &#x0336; / &#822; belong in HTML.

Semicolon

End references

Always finish with ; — write &#x0336;, not &#x0336.

Browser Support

Long Stroke Overlay (U+0336) and its entity forms (&#x0336;, &#822;, CSS \\0336) are supported in all modern browsers. Stroke alignment depends on the font.

✓ Universal encoding

Long Stroke Overlay (U+0336)

Encode with hex, decimal, or CSS escape — attach after the base for a horizontal strikethrough bar. No named entity.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+0336 Full support

Bottom line: Prefer base&#x0336; for readable HTML. Use \\0336 only inside CSS content. Prefer <s> or CSS for whole-word strikethrough.

Key Takeaways

  • Unicode: this combining mark is U+0336 (decimal 822).
  • HTML: prefer base&#x0336; — or use base&#822;. No named entity.
  • CSS: use \0336 inside content for generated strokes.
  • Watch out: base first; one mark per letter; prefer <s> for whole-word strikethrough.

One line: U+0336 → base&#x0336; / base&#822; / CSS \0336 (no named entity).

Frequently Asked Questions

Use &#x0336; (hex), &#822; (decimal), or the CSS escape \0336 in the content property. Place the mark immediately after the base character (e.g. a&#x0336;). There is no named HTML entity.
U+0336 (COMBINING LONG STROKE OVERLAY). Hex 0336, decimal 822. It belongs to the Combining Diacritical Marks block (U+0300–U+036F).
No. HTML5 does not define a named entity for U+0336. Use numeric references like &#x0336; or &#822;.
Use it for per-character strikethrough in linguistics, paleography, or editorial samples. For everyday cancelled text, prefer the HTML s element or CSS text-decoration: line-through.
HTML entities (&#822; or &#x0336;) go in markup after the base. The CSS escape \0336 is used in stylesheets (usually in the content property of ::after). Both apply the same combining stroke.
U+0335 is COMBINING SHORT STROKE OVERLAY (shorter bar). U+0336 is the long stroke form that typically spans more of the glyph width.

Did you know?

Long Stroke Overlay is Unicode U+0336 (decimal 822) — COMBINING LONG STROKE OVERLAY in Combining Diacritical Marks. HTML5 has no named entity. Place it after each base letter (e.g. a&#x0336; → a̶). For whole-word strikethrough, prefer <s> or CSS text-decoration: line-through.

Next: Low Asterisk

Learn the HTML entity for Low Asterisk — next in this sequence.

Continue tutorial →

About the author

Mari Selvan M P
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.

8 people found this page helpful