src/third_party/WebKit/LayoutTests/fast/regions/flow-content-basic-expected.html

   1 <!DOCTYPE HTML>
   2
   3 <html>
   4 <head>
   5     <link href="resources/region-style.css" rel="stylesheet" type="text/css"/>
   6     <style type="text/css">
   7         html {
   8             -webkit-font-smoothing: none;
   9         }
  10
  11         .region{
  12             height: 100px;
  13             width: 300px;
  14             border: solid 1px #888; /* to stop the margin collapsing */
  15         }
  16
  17         .pass{
  18             color: green;
  19         }
  20     </style>
  21 </head>
  22 <body>
  23     <div>
  24         The words "flow content" in green should display after this div,
  25         and there should be two copies of this content that match.
  26     </div>
  27     <div id="region1" class="region forcedStackingContext">
  28         <div id="source" class="pass">
  29             <p>flow content</p>
  30         </div>
  31     </div>
  32     <div>
  33         The words "flow content" in green should display after this div,
  34         and there should be two copies of this content that match.
  35     </div>
  36     <div class="pass">
  37         <p>flow content</p>
  38     </div>
  39
  40     <p>This test checks that content can be redirected to a region. It also
  41      tries out a validation strategy that recreates the intended display
  42      using non-region markup. If top does not match the bottom then the
  43      result should be rejected.</p>
  44 </body>
  45 </html>