<s> represents content that is no longer relevant or accurate, such as an old price. It is not purely decorative and is different from a tracked deletion in a document.
A previous price
The labels tell readers which price is old and which is current, independently of the strikethrough.
HTML and CSS
HTML
<p>Previous price: <s>$40</s></p>
<p>Current price: $32</p>CSS
s {
text-decoration: line-through;
}Edit HTML or CSS to update the preview as you type. Copy code snippet copies the selected tab. Preview spacing and font defaults are not included.
Meaning and accessibility
S accepts phrasing content and global attributes. Browsers usually draw a line through the text, but most screen-reader configurations do not announce that automatically. Make the old/current relationship explicit when it affects a decision.
Use del and ins for a document revision. Use text-decoration when a line-through is solely an appearance effect with no inaccurate-content meaning.
Try a change
Change the values and keep the visible labels accurate. Do not use strikethrough alone to communicate that a product is unavailable or that a deadline has passed. Readers who cannot see the styling still need the actual status.
Sources and browser support
MDN: s describes the syntax and links to the specification and compatibility data. Check individual values in that table when supporting older browsers.