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

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <style>
   5             .region {
   6                 height: 300px;
   7                 width: 500px;
   8                 border: 1px solid black;
   9             }
  10
  11             p, div, body {
  12                 margin: 0px;
  13                 font-size: 20px;
  14             }
  15
  16             p {
  17                 display: inline;
  18             }
  19         </style>
  20     </head>
  21     <body>
  22         <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>
  23         <p>The test verifies the order of elements preserves when the text nodes have flow-into set because of style cloning.</p>
  24         <p>On success, you should see the first inline, the paragraph and the second inline.</p>
  25         <div class="region">
  26             <div class="content">
  27                 First inline.
  28                 <p>A paragraph that can be block or inline.</p>
  29                 Second inline.
  30             </div>
  31         </div>
  32     </body>
  33 </html>