src/third_party/WebKit/LayoutTests/fast/regions/style-scoped/style-scoped-in-flow-override-container-style-expected.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4         <style>
   5         body {
   6                 font-family: monospace;
   7         }
   8         p {
   9                 margin: 0;
  10         }
  11         .container {
  12                 width: 13em;
  13                 height: 8em;
  14                 background-color: lightgray;
  15         }
  16
  17         .formatted {
  18                 background-color: lime;
  19         }
  20         .spacer {
  21                 margin-top: 1em;
  22         }
  23         </style>
  24 </head>
  25 <body>
  26         <p>Scope-styled elements in single region with style overlapping with target region.</p>
  27         <div class='container'>
  28                 <p class='formatted'>Styled line of text Styled line of text Styled line of text</p>
  29                 <p>Normal line of text Normal line of text Normal line of text</p>
  30         </div>
  31
  32         <p>Scope-styled elements flowing in multiple regions with style overlapping with target regions.</p>
  33
  34         <div class='container formatted spacer'>
  35                 <p>First line</p>
  36                 <p>Second line</p>
  37                 <p>Third line</p>
  38         </div>
  39         <div class='container spacer'>
  40                 <p class='formatted'>Fourth line</p>
  41                 <p class='formatted'>Fifth line</p>
  42                 <p class='formatted'>Sixth line</p>
  43         </div>
  44 </body>
  45 </html>