src/third_party/WebKit/LayoutTests/fast/regions/flow-content-basic-vertical-rl-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-writing-mode: vertical-rl;
   9             -webkit-font-smoothing: none;
  10         }
  11
  12         .region{
  13             width: 100px;
  14             height: 300px;
  15             border: 1px solid black; /* to stop the margin collapsing */
  16             padding: 5px;
  17         }
  18     </style>
  19 </head>
  20 <body>
  21     <div>
  22         The words "flow content" in green should display twice after this div,
  23         and there should be two copies of this content that match.
  24     </div>
  25     <div id="region1" class="region forcedStackingContext">
  26         <div id="source" class="pass">
  27             <div style="width:100px;">first flow content</div>
  28         </div>
  29     </div>
  30     <div id="region2" class="region forcedStackingContext">
  31         <div id="source" class="pass">
  32             <div style="width:100px;">second flow content</div>
  33         </div>
  34     </div>
  35     <div>
  36         The words "flow content" in green should display after this div,
  37         and there should be two copies of this content that match.
  38     </div>
  39     <div class="pass">
  40         <p>flow content</p>
  41     </div>
  42
  43     <p>This test checks that content can be redirected to a region. It also
  44      tries out a validation strategy that recreates the intended display
  45      using non-region markup. If top does not match the bottom then the
  46      result should be rejected.</p>
  47 </body>
  48 </html>