| <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> |
