A piece of CSS for adding useful behaviour to the otherwise passive <ins> and <del> elements.

Background

My musings also serve as a semi-wiki. Not serious enough for me to maintain a serious editing history system, but certainly serious enough to warrant lots of use of the ins and del tags, both of which support the datetime attribute. However, no browser I know of provides a useful way of using this.

Initially I thought of doing a quick and simple js script that went through each ins and del and cloned the datetime attr as a title, retaining the machine readability but allowing humans to see the values as well.

But inspired by the utterly awesome print styling of HTML5 boilerplate (It's not often talked about, but I consider it to be one of the absolute best parts of h5bp) I decided to get creative with CSS3, and came up with this: