third_party/WebKit/LayoutTests/tables/mozilla/bugs/bug2886.html

   1 <html><head>
   2 <style>
   3 .foo {border: 1px dashed red;}
   4 </style>
   5 </head>
   6 <body>
   7 <p>Tests of padding in table cells. </p>
   8
   9 <table border=0 cellpadding=10><tr><td valign=top>
  10
  11 <p><b>1) padding: 20px</b></p>
  12 <table border=1>
  13  <tr><td style="padding:20px;"><div class="foo">FOO</div></td></tr>
  14 </table>
  15
  16 </td><td valign=top>
  17
  18 <p><b>2) padding: 10px 25px 30px 45px;</b></p>
  19 <table border=1>
  20  <tr><td style="padding: 10px 25px 30px 45px;"><div class="foo">FOO</div></td></tr>
  21 </table>
  22
  23 </td></tr></table>
  24
  25 <br>
  26 <table border=0 cellpadding=10><tr><td valign=top>
  27
  28 <p><b>3) padding-left: 20px</b></p>
  29 <table border=1>
  30  <tr><td style="padding-left:20px;"><div class="foo">FOO</div></td></tr>
  31 </table>
  32
  33  </td><td valign=top>
  34
  35 <p><b>4) padding-right: 20px</b></p>
  36 <table border=1>
  37  <tr><td style="padding-right:20px;"><div class="foo">FOO</div></td></tr>
  38 </table>
  39
  40  </td><td valign=top>
  41
  42 <p><b>5) padding-top: 20px</b></p>
  43 <table border=1>
  44  <tr><td style="padding-top:20px;"><div class="foo">FOO</div></td></tr>
  45 </table>
  46
  47  </td><td valign=top>
  48
  49 <p><b>6) padding-bottom: 20px</b></p>
  50 <table border=1>
  51  <tr><td style="padding-bottom: 20px;"><div class="foo">FOO</div></td></tr>
  52 </table>
  53
  54  </td></tr></table>
  55
  56 <br>
  57 <p><b>misc) padding: 20px 10px 40px 0px</b></p>
  58 <table border=1>
  59  <tr><td style="padding: 20px 10px 40px 0px;"><div class="foo">FOO</div></td></tr>
  60 </table>
  61
  62 <p><b>misc) padding-top: 10px; padding-bottom: 20px;</b></p>
  63 <table border=1>
  64  <tr><td style="padding-top: 10px; padding-bottom: 20px;"><div class="foo">FOO</div></td></tr>
  65 </table>
  66
  67
  68 </body></html>
  69