HTML/CSS/Text/abbr
Add dotted bottom line to abbr and acronym
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title><strong>, <em> and Other Phrase Elements</title>
<style type="text/css" media="screen">
body {
font-family: verdana, sans-serif;
font-size: 12px;
}
div {
margin-bottom: 30px;
}
#divID abbr, acronym {
border-bottom: 1px dotted;
cursor: help;
}
</style>
</head>
<body>
<div id="divID">
<abbr title="eXtensible Hypertext Markup Language">XHTML</abbr> 1.0 is a reformulation of HTML 4.01 in XML, and combines the strength of HTML
4 with the power of XML.
</div>
</body>
</html>
Text element: the abbreviation element
<html>
<head>
<title>Text element: the abbreviation element</title></head>
<body>
<ul>
<li><abbr>This is how the abbreviation element displays.</abbr></li>
</ul>
</body>
</html>