45b48ae23dc71b7b398ce1c4c0057b2ee151cbac
[WebKit-https.git] / LayoutTests / fast / shapes / shape-outside-floats / shape-outside-relative-size-svg-expected.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 #container {
6     color: green;
7     font: 100px/1 Ahem, sans-serif;
8     -webkit-font-smoothing: antialiased;
9 }
10 #shape-outside {
11     width: 100px;
12     height: 100px;
13     float: left;
14     background-image: url("data:image/svg+xml;UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px'><rect width='100%' height='100%' fill='blue' /></svg>");
15     background-repeat: no-repeat;
16 }
17 </style>
18 </head>
19 <body>
20 <p>You should see three blue squares: above the green square, to the green square's right, and below the green square.</p>
21 <div id="container">
22   X<br>
23   <div id="shape-outside"></div>
24   X<br>X
25 </div>
26 </body>
27 </html>