third_party/WebKit/LayoutTests/fast/multicol/border-radius-clipped-layer-expected.html

   1 <!DOCTYPE html>
   2 <p>There should be a box with a rounded border and yellow background below. The start should be in
   3     the first column. The end should be in the third column.</p>
   4 <div style="width:41em; height:10.5em; line-height:2em;">
   5     <div style="float:left; width:13em; height:100%; overflow:hidden;">
   6         <br>
   7         <div style="border-radius:3em; border:1em solid black; padding:0 2em; background:yellow;">
   8             first column<br>
   9             first column<br>
  10             first column<br>
  11             <br>
  12             <br>
  13         </div>
  14     </div>
  15     <div style="float:left; width:1em; height:100%;"></div>
  16     <div style="float:left; width:13em; height:100%; overflow:hidden;">
  17         <div style="margin-top:-7em; border-radius:3em; border:1em solid black; padding:0 2em; background:yellow;">
  18             first column<br>
  19             first column<br>
  20             first column<br>
  21             second column<br>
  22             second column<br>
  23             second column<br>
  24             second column<br>
  25             second column<br>
  26             <br>
  27             <br>
  28         </div>
  29     </div>
  30     <div style="float:left; width:1em; height:100%;"></div>
  31     <div style="float:left; width:13em; height:100%; overflow:hidden;">
  32         <div style="margin-top:-17em; border-radius:3em; border:1em solid black; padding:0 2em; background:yellow;">
  33             first column<br>
  34             first column<br>
  35             first column<br>
  36             second column<br>
  37             second column<br>
  38             second column<br>
  39             second column<br>
  40             second column<br>
  41             third column<br>
  42         </div>
  43     </div>
  44 </div>