src/third_party/WebKit/LayoutTests/fast/ruby/ruby-inline-style-not-updated-with-before-after-content.html

   1 <!-- The orange, blue, yellow and green text boxes should not overlap -->
   2 <html>
   3 <body style="font: 1em/1 Ahem, sans-serif;">
   4 <style>
   5 #test::before
   6 {
   7     content: "1234";
   8     color: orange;
   9 }
  10 #test::after
  11 {
  12     content: "4578";
  13     color: yellow;
  14 }
  15 </style>
  16 <ruby id="test" style="color: blue">
  17 ABCD
  18 </ruby>
  19 <div style="font-size: 800%; color: green">
  20 EFGH
  21 </div>
  22 <script>
  23     document.body.offsetTop;
  24     var test = document.getElementById("test");
  25     test.style.fontSize = "800%";
  26 </script>
  27 </body>
  28 </html>