CSS Strikethrough

To make strikethrough text using CSS, use text-decoration: line-through in your stylesheet.

Short Example:

<style type="text/css">
.mystri {text-decoration: line-through;}
</style>
<div class="mystri">Hello</div>



-We created a stylesheet
-We named our class "mystri" because we like the way that sounds when said aloud.
-We assigned the class "mystri" to a div tag.


Note: You could use HTML strikethrough tags if you prefer (<strike> or <s>). But both of these HTML tags are depricated in HTML 4.0.1, meaning they may become obsolete in future versions of HTML.

Example:
<strike>Hello</strike> or <s>Hello</s>

Hello
Hello

Wrap the text you want to be strikethrough in HTML's <strike> or <s> tag.

HTML Strikethrough - iLoveTheCode


Related Resources:
w3c.org 15.2.1 Font style elements: the TT, I, B, BIG, SMALL, STRIKE, S, and U elements
Make Italic Text Using HTML
Make Text Bold Using HTML

Previous Article: Wordpress Change the Excerpt Dots to Article Link with Read More Text

Next Article: CSS Hide Text Use Display None in HTML to Hide Text