The **<del>** tag is commonly (and the proper semantic code) used to show text or elements that have been deleted from a document or a page. Often this markup is used to assist the user and show that content is constantly updating.
Using CSS you can bring more attention to deliberately deleted elements. Using semantic markup its quick and easy to style elements using nested spans.
In this particular instance we can use the **<del>** tag to render the strike through red and a nested **<span>** to change the colour of the text.
Simple easy and straight forward.
CSS would look as such :
del { color: #f00;}del span { color: #ff0;}
with your markup looking like this :
Nulla tincidunt urna et augue pretium a vestibulum velit interdum. In ac velit a justo eleifend condimentum.
Sed placerat odio at velit blandit et sodales nibh hendrerit.
You can “click here to find an example of this code in action”:http://www.headshift.com/blog/css_tips/css_test.html.
You can also use this type of markup to make elements take less/more precedence on the page by toning down the colour or by adding cursor hints to old or disabled links.
