third_party/WebKit/LayoutTests/fast/table/table-cell-before-after-content-around-table-row.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 <script src="../../resources/ahem.js"></script>
  18 <body>
  19 <div class="container" style="display:table">
  20 <div style="display:table-row">1234</div>
  21 </div>
  22 <script>
  23 document.body.offsetTop;
  24 document.body.style.color = 'blue';
  25 </script>
  26 </html>