It’s Festive Season! Enjoy 30% Off

Use code FESTIVE30 at checkout

Code has been added to clipboard!

HTML Cross Out Text

Reading time 1 min
Published Mar 19, 2019
Updated Oct 1, 2019

HTML Cross Out Text: Main Tips

  • <del> element marks and makes HTML cross out text deleted from HTML files.
  • Simplify the editing process and indicate the deleted text with HTML <del> tag and the inserted content with <ins>.

Use of del

The <del> tag marks the deleted text in a document. This element crosses out the removed content with a line.

You can make HTML cross out text with both <del> and <s>. However, <del> is more suitable for marking document changes.

Example
<p>I am not deleted text, but <del>I am.</del></p>

Note: you should use <del> instead of the deprecated <strike> element.

Attributes for del

cite

This cite attribute defines an URL address to explain the reason some part of content was deleted.

Example
<p>I am <del cite="h1.html">a h1 tag</del> a paragraph.</p>

datetime

This datetime attribute indicates the date and time when the content was deleted.

Example
<p>I am not deleted text, but <del datetime="2017-07-27">I am.</del></p>

Browser support

Browser image
Chrome
All
Browser image
Edge
All
Browser image
Firefox
1+
Browser image
IE
All
Browser image
Opera
All
Browser image
Safari
All

Mobile browser support

Browser image
Chrome
All
Browser image
Firefox
4+
Browser image
Opera
All
Browser image
Safari
All