LayoutTests/fast/table/table-cell-before-after-content-around-table.html

   1 <!DOCTYPE html>\r
   2 <!-- Test passes if you see three blue boxes in three seperate rows. -->\r
   3 <html style="font: 1em/1 Ahem, sans-serif;">\r
   4 <style type="text/css">\r
   5 .container:before {\r
   6     content: "ABCD";\r
   7     display: table-cell;\r
   8 }\r
   9 \r
  10 .container:after {\r
  11     content: "EFGH";\r
  12     display: table-cell;\r
  13 }\r
  14 \r
  15 </style>\r
  16 </head>\r
  17 <body>\r
  18 <div class="container">\r
  19 <div style="display: table">1234</div>\r
  20 </div>\r
  21 <script>\r
  22 document.body.offsetTop;\r
  23 document.body.style.color = 'blue';\r
  24 </script>\r
  25 </body>\r
  26 </html>\r