HTML/CSS/Text/abbr
Add dotted bottom line to abbr and acronym
<source lang="html4strict">
<!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>
XHTML 1.0 is a reformulation of HTML 4.01 in XML, and combines the strength of HTML 4 with the power of XML.
</body> </html>
</source>
Text element: the abbreviation element
<source lang="html4strict">
<html>
<head>
<title>Text element: the abbreviation element</title></head>
<body>
- This is how the abbreviation element displays.
</body> </html>
</source>
