<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSSnewbie Example: Highlighting Deprecated HTML Elements</title>
<style>
/* Styling the page a bit. */
body {
font-size: 62.5%;
background-color: #999; }
#wrap {
width: 45em;
padding: 2.5em;
margin: 0 auto;
font: 1.3em/1.3 Arial, Helvetica, sans-serif;
background-color: #fff;
border: 1px solid #666; }
/* Diagnostic CSS. */
body[bottommargin], body[leftmargin],
body[rightmargin], body[topmargin],
*[background], *[bgcolor] {
color: #000;
font-weight: bold;
background-color: #fc6;
border: 2px solid #c60; }
font, center, s, u, b, i {
color: #000;
font-weight: bold;
background-color: #f99;
border: 2px solid #c00; }
</style>
</head>
<body>
<div id="wrap">
<h1>Highlighting Deprecated HTML Elements</h1>
<p><a href="#">Go back to the main article.</a></p>
<p>Many of the elements on this page are using <b>older,</b> deprecated code. Luckily, because of our <i>diagnostic-style</i> CSS, we're able to judge <em>at a glance</em> the good from the <font color="red">bad.</font></p>
<p bgcolor="white">Maecenas malesuada <s>faucibus</s> erat. Curabitur vel ipsum. Sed a neque vel ipsum porttitor dignissim. Vivamus lacus mauris, lobortis convallis, dapibus non, sodales a, est. Nulla non turpis. Donec velit massa, volutpat quis, adipiscing vitae, ultricies eu, mauris. Integer eros erat, placerat aliquam, convallis nec, malesuada vitae, tortor. Proin bibendum tincidunt purus. Duis nisl quam, adipiscing vitae, malesuada sed, condimentum et, mauris. Donec at ipsum eget odio pellentesque elementum. Vestibulum eget nulla sed leo porttitor rhoncus. In ac libero. Sed non purus non mi facilisis scelerisque. Curabitur nibh erat, laoreet id, tincidunt ut, pulvinar ut, sapien. Nam eleifend felis eu urna. Integer eget nunc. Sed varius mattis massa.</p>
<p><strong>Etiam fermentum sapien</strong> eget augue gravida rhoncus. Nunc vestibulum. Curabitur molestie euismod lacus. Praesent sapien. Fusce justo augue, tempor nec, scelerisque pulvinar, imperdiet ut, risus. Praesent vel risus nec mi sollicitudin semper. Duis justo nulla, dapibus non, dictum sed, hendrerit vel, arcu. Etiam dolor nisl, lobortis sollicitudin, elementum et, placerat vitae, erat. Nunc ac sem. Curabitur porta mauris rutrum lacus.</p>
</div>
</body>
</html>