src/third_party/WebKit/LayoutTests/fast/regions/positioned-objects-clipped-spanning-regions-expected.html

   1 <!doctype html>
   2
   3 <html style="direction:rtl">
   4 <head>
   5  <style>
   6
   7     #green-box {
   8             width:50%;
   9             height:100%;
  10         background-color:green;
  11     }
  12
  13     #region1, #region2, #region3 {
  14         border: 1px solid black;
  15     }
  16
  17     #region1 {
  18         width: 200px;
  19         height: 150px;
  20     }
  21
  22     #region2 {
  23         width: 300px;
  24         height: 180px;
  25     }
  26
  27     #region3 {
  28         width: 120px;
  29         height: 120px;
  30     }
  31 </style>
  32 </head>
  33 <body>
  34 <p style="direction:ltr">The green positioned object should span all the regions. It should fill the right half of every region. Its red borders should be clipped.</p>
  35
  36 <div id="region1">
  37     <div id="green-box"></div>
  38 </div>
  39 <div id="region2">
  40         <div id="green-box"></div>
  41 </div>
  42 <div id="region3">
  43         <div id="green-box"></div>
  44 </div>