How to show tooltip for non hyperlink text in WordPress

Sometimes it might be important to show tooltip on non hyperlink texts in WordPress posts. For example, you want to show more information on a certain word or term; but do not want to give a hyperlink to other website in order to limit outgoing link or reduce bounce rate.

Actually the HTML function exists for showing full term of short abbreviations. That is why, it is named abbr title ; as you might recall, only title is used for anchor text of hyperlinks. You have to place the text you want to appear before the short term or the word you need to add explanation.

Here is the code:

This website <abbr title="The Customize Windows">TCW</abbr> was launched in 2010.

And here is is working, just mouse over:

This website TCW was launched in 2010.

There is a probable problem, in these days of wide usage of in text Advertisements, visitors might misunderstand your noble idea with an Advertisement.