<html>
<head>
<style type="text/css">
.one {
border-style:solid !important;
padding:0 4px 0 5px
}
.two {
background-image:url(ico12_h_pag_prev_item.gif)
}
.three {
background-color:blue;
padding:5px 5px 5px 5px;
}
.four {
padding:5px 5px 5px 5px;
}
</style>
</head>
<body>
<div>This test verifies that we draw borders and and backgrounds for inlines without content.</div>
<br>
<div>There should be two blue boxes below:</div>
<a href="http://www.google.com" class="one two"></a>
<a href="http://www.google.com" class="one two">A</a>
<br><br>
There should be a blue box after this text:<a class="three"></a>
<br>
<a class="three"></a>There should be a blue box before this text.
<br><br>
<a class="four"></a>There should be 10px of space left before this text.
<br><br>
<p>This text is before the anchor. <a></a> This text is after the anchor, but should be flush with the anchor. There should be no spaces in between the anchor and this following text.</p>
<p><a/> This text should be flush with the anchor. There should not be a space between the anchor and the text on this line.<a>
</body>
</html>