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

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