| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="/js-test-resources/ahem.js"></script> |
| 4 <style> | 5 <style> |
| 5 #clear-left { | 6 #clear-left { |
| 6 clear: left; | 7 clear: left; |
| 7 font: 20px/1 Ahem, sans-serif; | 8 font: 20px/1 Ahem, sans-serif; |
| 8 color: green; | 9 color: green; |
| 9 } | 10 } |
| 10 | 11 |
| 11 #clear-left > div { | 12 #clear-left > div { |
| 12 float: left; | 13 float: left; |
| 13 width: 200px; | 14 width: 200px; |
| 14 height: 20px; | 15 height: 20px; |
| 15 } | 16 } |
| 16 | 17 |
| 17 /* DataURL Access is OK, as it is with Canvas. */ | 18 /* DataURL Access is OK, as it is with Canvas. */ |
| 18 #shape-outside-data-url { | 19 #shape-outside-data-url { |
| 19 shape-outside: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.or
g/2000/svg' width='100px' height='20px'><rect width='200' height='20' fill='blue
'/></svg>"); | 20 shape-outside: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.or
g/2000/svg' width='100px' height='20px'><rect width='200' height='20' fill='blue
'/></svg>"); |
| 20 } | 21 } |
| 21 | 22 |
| 22 </style> | 23 </style> |
| 23 </head> | 24 </head> |
| 24 <body> | 25 <body> |
| 25 <p>Verify that data URLs define the layout.</p> | 26 <p>Verify that data URLs define the layout.</p> |
| 26 <div id="clear-left"><div id="shape-outside-data-url"></div>X</div> | 27 <div id="clear-left"><div id="shape-outside-data-url"></div>X</div> |
| 27 </body> | 28 </body> |
| 28 </html> | 29 </html> |
| OLD | NEW |