HTML Strikethrough Generator
Generate a strikethrough HTML element — choose <s> for no-longer-relevant content or <del> for editorially deleted content — and copy with live preview.
Last updated: May 21, 2026
Find this tool useful? Support the project to keep it free!
Buy me a coffeeWhat is HTML Strikethrough Generator?
HTML offers two semantic strikethrough elements. `<s>` (strikethrough) marks content that is no longer accurate or relevant but is kept for context — like a crossed-out old price next to a new sale price. `<del>` marks content that has been removed from a document as part of an edit, optionally citing the reason (`cite`) and when it was deleted (`datetime`).
The deprecated `<strike>` tag is also supported for legacy codebases but should be avoided in new code — use `<s>` or `<del>` instead. For visual-only strikethrough without semantic meaning, use CSS `text-decoration: line-through`.
How to Use HTML Strikethrough Generator
Enter the text to strike through
Choose the appropriate tag: <s> for no-longer-relevant, <del> for deleted content
For <del>, optionally add a cite URL and datetime
Copy the generated HTML
Common Use Cases
- E-commerce pages crossing out original prices next to sale prices.
- Document editors marking deleted text in tracked-changes views.
- Content authors showing superseded information kept for context.
Example Input and Output
A crossed-out original price using <s>.
Text: old price $99
Tag: <s><s>old price $99</s>Privacy
All HTML generation runs in your browser. No data is sent to any server.
Frequently Asked Questions
When should I use <s> vs <del>?
Use <s> when content is no longer accurate or relevant but you want to keep it visible — e.g., a struck-through old price. Use <del> when you are marking an editorial deletion, such as in a changelog or document revision — it pairs with <ins> for inserted text.
What does the datetime attribute on <del> do?
The datetime attribute records when the deletion occurred. It must be a valid date/time string (ISO 8601). It is not displayed visually but is used by screen readers and archival tools to record the edit history.
Related Tools
HTML Strong Text Generator
Generate HTML <strong> elements for strong importance, seriousness, or urgency. Configure id, class, title, and lang attributes. Live preview included.
HTML Emphasize Text Generator
Generate HTML <em> (emphasize) elements with optional id, class, title, and lang attributes. Adds semantic stress emphasis to inline text. Live preview included.
HTML Underlined Text Generator
Generate HTML <u> underline elements for unarticulated annotations, proper noun marking, and spelling error indication. Configure id, class, title, and lang. Live preview.
HTML Mark Text Generator
Generate HTML <mark> elements to highlight text for reference or search result emphasis. Configure id, class, and title attributes. Live preview included.
HTML Superscript Generator
Generate HTML <sup> superscript elements for exponents, ordinal indicators, footnote references, and trademark symbols. Live preview included.
HTML Citation Generator
Generate HTML <cite> elements to mark titles of creative works — books, films, articles, and more. Optionally wrap in a link. Live preview included.

