third_party/WebKit/LayoutTests/fast/table/table-row-before-after-content-around-block.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 {
   7     content: "ABCD";
   8     display: table-row;
   9 }
  10
  11 .container:after
  12 {
  13     content: "EFGH";
  14     display: table-row;
  15 }
  16
  17 </style>
  18 </head>
  19 <script src="../../resources/ahem.js"></script>
  20 <body>
  21 <div class="container">
  22 <div style="display: block">1234</div>
  23 </div>
  24 <script>
  25 document.body.offsetTop;
  26 document.body.style.color = 'blue';
  27 </script>
  28 </html>