src/third_party/WebKit/LayoutTests/fast/regions/named-flow-content-order-1-expected.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <style>
   5             .region {
   6                 height: 60px;
   7                 width: 120px;
   8                 border: 2px solid black;
   9             }
  10
  11             .float {
  12                 float: left;
  13                 height: 60px;
  14                 width: 40px;
  15             }
  16
  17             #red {
  18                 background-color: red;
  19             }
  20
  21             #green {
  22                 background-color: green;
  23             }
  24
  25             #blue {
  26                 background-color: blue;
  27             }
  28
  29             div.content:hover p:first-letter {
  30                 font-size: 30px;
  31             }
  32         </style>
  33     </head>
  34     <body>
  35         <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=103501">Fix content node renderers ordering inside the named flow thread</a>.</p>
  36         <p>The test adds three colored content nodes (blocks) to a flow and then modifies the flow-into properties to force renderers to shuffle.</p>
  37         <p>On success, you should see the blocks ordered: red, green, blue.</p>
  38         <div class="region">
  39             <div id="red" class="float">1</div>
  40             <div id="green"class="float">2</div>
  41             <div id="blue" class="float">3</div>
  42         </div>
  43     </body>
  44 </html>