There is a tag called ins. It has a companion called del. Both of them are not used too often, and it is not easy to find information about what they do, or how to use them and style them.
The Quicktags available in the WordPress “Write” menu has button for both these tags, ins and del.
In a previous post, I edited the content to reflect some changes. I wrapped the new text, which was “μ , where μ (MU) stands for Multi User. Hopefully, it will soon be available to the public.” within a set of <ins> tags. Now the question was as to how to style this to show my readers that this text had been inserted later, after the post had been originally published.
By default, everything within an ins tag pair is underlined (and for del, the text is struck out).
I did not want the text I inserted to be underlined, since that would look like a link. So I wanted it changed to an dotted underline. Also I wanted to say “(Updated)” after the text so people would know what there is a dotted line, and so that everyone notices that there has been an update.
To change the default underline and create a 1px dotted underline, I used the following in my css stylesheet:
ins {
text-decoration: none;
border-bottom: 1px dotted;
}
To insert the text (Updated) after the relevant portion, I used the following in my CSS stylesheet:
ins:after {
content: "(Updated)";
}
The CSS 2 specification says one can use :before or :after to insert the text before or after the relevant portion. The spec also mentions that several different values can be inserted. I inserted a string, i.e., (Updated).
What is remarkable is that when I first searched google for ins tag css text, I ended up at a WordPress Support page!
Adding rules for the del and ins tags in your stylesheet, and using the tags responsibly can make for a better experience for your readers.
