Abbreviation tag

The abbreviation tag is used in HTML 5 to define an abbreviation. What should happen is the abbreviated text is underlined and once the user hovers the cursor over the characters, the complete text is shown in a tool tip. Thus far we have already used an abbreviation and we will use another one describing the CSS involved with abbreviations. This is how we define my abbreviations.

abbr, acronym { border-bottom:.1em dotted; cursor:help; }

Our HTML should look something like the following:

<abbr title="Cascading Style Sheets">CSS</abbr>

This gives our text a dotted underline which I believe works better than a complete underline as these are usually used for links.