third_party/WebKit/LayoutTests/fast/inline/drawStyledEmptyInlines.html

   1 <html>
   2 <head>
   3 <style type="text/css">
   4         .one {
   5         border-style:solid !important;
   6         padding:0 4px 0 5px
   7     }
   8         .two {
   9         background-image:url(ico12_h_pag_prev_item.gif)
  10     }
  11     .three {
  12                 background-color:blue;
  13                 padding:5px 5px 5px 5px;
  14         }
  15     .four {
  16                 padding:5px 5px 5px 5px;
  17         }
  18 </style>
  19 </head>
  20 <body>
  21 <div>This test verifies that we draw borders and and backgrounds for inlines without content.</div>
  22 <br>
  23 <div>There should be two blue boxes below:</div>
  24 <a href="http://www.google.com" class="one two"></a>
  25 <a href="http://www.google.com" class="one two">A</a>
  26
  27 <br><br>
  28 There should be a blue box after this text:<a class="three"></a>
  29 <br>
  30 <a class="three"></a>There should be a blue box before this text.
  31
  32 <br><br>
  33 <a class="four"></a>There should be 10px of space left before this text.
  34
  35 <br><br>
  36 <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>
  37
  38 <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>
  39 </body>
  40 </html>