Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / multicol / border-radius-clipped-layer.html
blobaf68ddcda840d0e29a261c6987fc855b522fd09a
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="-webkit-columns:3; -webkit-column-gap:1em; column-fill:auto; width:41em; height:10.5em; line-height:2em;">
5 <br>
6 <div style="position:relative; overflow:hidden; border-radius:3em; border:1em solid black; padding:0 2em; background:yellow;">
7 first column<br>
8 first column<br>
9 first column<br>
10 second column<br>
11 second column<br>
12 second column<br>
13 second column<br>
14 second column<br>
15 third column<br>
16 </div>
17 </div>