pseudos-inspector-test.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Pseudo-Class and -Element Inspector Tests</title>
<style type="text/css" media="all">
p {width: 70%; margin: 1em auto;}

p.el:first-letter {font-size: larger; font-weight: bold;}
p.el:first-line {color: maroon;}
p.el:after {content: " (fin.)"; font-style: italic; font-size: smaller;}

a:link {color: blue;}
a:visited {color: purple;}
a:focus {color: green;}
a:hover {color: red;}
a:active {outline: 1px solid red;}

a:first-child {font-style: italic;}
a:last-child {font-weight: bold;}

li:first-child {color: maroon;}
li span {font-style: italic;}
</style>
</head>
<body>

<p class="el">
A proactive team gets up to speed on horizontal markets. Red flags become solutions. A major stretch goal for this fiscal quarter is new-generation challenges. A transition phase fiscally gives rise to enabling get-it-done attitudes. Value-added strategy agrees to disagree and in view of the fact that each of you will ramp up progress on a zero-defect-generation schedule we clearly can conclude that a best-of-class goal blows them away. Leading indicators would seem to suggest that synergies close the loop on the issue of the enabling guesstimates. Can we indeed say that major players agree to disagree on a reality check? We will efficiently take over the enterprise market for soup-to-nuts headcount readjustment. A first-class horizontal market knocks your socks off, however opportunity has mind-blowing 90% solutions. So, legacy dialogue takes the initiative.
</p>
<p>
(courtesy <a href="http://lurkertech.com/corpspeak/">http://lurkertech.com/corpspeak/</a>)
</p>

<ul>
<li>This has a <span>span</span> within.</li>
<li>This also has a <span>span</span> within.</li>
</ul>

</body>
</html>