Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / shapes / shape-outside-floats / shape-outside-image-set-expected.html
blob1e793bde0bdad4e4184bd5fc07efac7fbe4333d1
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 #image-shape-outside {
6 float: left;
7 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120px' height='50px'><rect x='0' y='0' width='120' height='50' fill='blue'/></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-outside"></div>
18 Hello World
19 </div>
20 </body>
21 </html>