Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / shapes / shape-outside-floats / shape-outside-floats-image-threshold-001-expected.html
blob6409e9a08405ee4a4f5c84085e1ce1e819fdee55
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 #image-shape {
6 float: left;
7 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100px' height='50px'><rect x='0' y='0' width='100' height='50' fill='rgba(0,0,100, 0.5)'/></svg>");
8 background-repeat: no-repeat;
9 width: 120px;
10 height: 50px;
12 </style>
13 </head>
14 <body>
15 <p>The green "Hello World" should appear to the right of the blue rectangle.</p>
16 <div style="color: green">
17 <div id="image-shape"></div>
18 Hello World
19 </div>
20 </body>
21 </html>