Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / shapes / shape-outside-floats / shape-outside-floats-image-margin-005.html
blob058d293bd92782d2de9f0d74d7ce0056c520a61e
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 #content {
6 font: 25px/1 Ahem, sans-serif;
7 color: green;
8 text-align: right;
11 #image-shape {
12 float: right;
13 shape-outside: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px'><rect width='100' height='100' fill='green'/></svg>");
14 shape-margin: 100px; /* overflow the margin box */
15 width: 100px;
16 height: 100px;
17 margin: 25px;
18 background-color: blue;
20 </style>
21 </head>
22 <body>
23 <p>The green rectangles should wrap around the blue 100x100 rectangle and a 25 pixel margin.</p>
24 <div id="content">
25 <div id="image-shape"></div>
26 X<br>X<br>X<br>X<br>X<br>X<br>X
27 </div>
28 </body>
29 </html>